/* 图片资源url前变量  :  background-image:url('@{imgPath}/logo.png'); */
/* 链接颜色  :  用于可点击的文字 */
/* 蓝主色  :  用于 普通操作按钮、icon */
/* 蓝辅色  :  用于 特殊按钮、icon */
/* 蓝细色  :  用于 蓝色普通字体 */
/* 蓝重色  :  用于 标题字体、强调 */
/* 蓝亮色  :  用于 选中提示、蓝色按钮、icon 的 高亮、hover */
/* 蓝底色  :  用于 浅蓝色背景 */
/* 黑主色  :  用于 普通字体颜色 */
/* 灰主色  :  用于 弱显示字体 */
/* 灰辅色  :  用于 边框、线条、icon、 */
/* 灰底色  :  用于 灰色背景块 */
/* 绿主色  :  用于 成功通过意义的绿色按钮、icon */
/* 绿亮色  :  用于 绿色按钮、icon 的 高亮、hover */
/* 绿细色  :  用于 成功通过意义的绿色字体 */
/* 黄主色  :  用于 提示、高亮字体、按钮 */
/* 黄亮色  :  用于 黄色按钮、icon 的 高亮、hover */
/* 白主色  :  用于 黑色背景的普通字体 */
/* 白辅色  :  用于 黑色背景的弱显示字体 */
/* @thinGreen; */
/* @mainYellow; */
/* ====================================================================== */
.link-btn {
  color: #06A3D4;
  cursor: pointer;
}
.link-btn:hover {
  color: #48B1F1;
}
.link-btn:active {
  color: #06A3D4;
}
.select2-container{margin:0;position:relative;display:inline-block;zoom:1;*display:inline;vertical-align:middle;}.select2-container,.select2-drop,.select2-search,.select2-search input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.select2-container .select2-choice{display:block;height:26px;padding:0 0 0 8px;overflow:hidden;position:relative;border:1px solid #aaa;white-space:nowrap;line-height:26px;color:#444;text-decoration:none;border-radius:4px;background-clip:padding-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(0.5,#fff));background-image:-webkit-linear-gradient(center bottom,#eee 0%,#fff 50%);background-image:-moz-linear-gradient(center bottom,#eee 0%,#fff 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff',endColorstr = '#eeeeee',GradientType = 0);background-image:linear-gradient(top,#fff 0%,#eee 50%);}.select2-container.select2-drop-above .select2-choice{border-bottom-color:#aaa;border-radius:0 0 4px 4px;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(0.9,#fff));background-image:-webkit-linear-gradient(center bottom,#eee 0%,#fff 90%);background-image:-moz-linear-gradient(center bottom,#eee 0%,#fff 90%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);background-image:linear-gradient(top,#eee 0%,#fff 90%);}.select2-container.select2-allowclear .select2-choice .select2-chosen{margin-right:42px;}.select2-container .select2-choice > .select2-chosen{margin-right:26px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.select2-container .select2-choice abbr{display:none;width:12px;height:12px;position:absolute;right:24px;top:8px;font-size:1px;text-decoration:none;border:0;background:url('../images/select2.png') right top no-repeat;cursor:pointer;outline:0;}.select2-container.select2-allowclear .select2-choice abbr{display:inline-block;}.select2-container .select2-choice abbr:hover{background-position:right -11px;cursor:pointer;}.select2-drop-mask{border:0;margin:0;padding:0;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:9998;background-color:#fff;filter:alpha(opacity=0);}.select2-drop{width:100%;margin-top:-1px;position:absolute;z-index:9999;top:100%;background:#fff;color:#000;border:1px solid #aaa;border-top:0;border-radius:0 0 4px 4px;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);}.select2-drop-auto-width{border-top:1px solid #aaa;width:auto;}.select2-drop-auto-width .select2-search{padding-top:4px;}.select2-drop.select2-drop-above{margin-top:1px;border-top:1px solid #aaa;border-bottom:0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 -4px 5px rgba(0,0,0,.15);box-shadow:0 -4px 5px rgba(0,0,0,.15);}.select2-drop-active{border:1px solid #5897fb;border-top:none;}.select2-drop.select2-drop-above.select2-drop-active{border-top:1px solid #5897fb;}.select2-container .select2-choice .select2-arrow{display:inline-block;width:18px;height:100%;position:absolute;right:0;top:0;border-left:1px solid #aaa;border-radius:0 4px 4px 0;background-clip:padding-box;background:#ccc;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(0.6,#eee));background-image:-webkit-linear-gradient(center bottom,#ccc 0%,#eee 60%);background-image:-moz-linear-gradient(center bottom,#ccc 0%,#eee 60%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee',endColorstr = '#cccccc',GradientType = 0);background-image:linear-gradient(top,#ccc 0%,#eee 60%);}.select2-container .select2-choice .select2-arrow b{display:block;width:100%;height:100%;background:url('../images/select2.png') no-repeat 0 1px;}.select2-search{display:inline-block;width:100%;min-height:26px;margin:0;padding-left:4px;padding-right:4px;position:relative;z-index:10000;white-space:nowrap;}.select2-search input{width:100%;height:auto !important;min-height:26px;padding:4px 20px 4px 5px;margin:0;outline:0;font-family:sans-serif;font-size:1em;border:1px solid #aaa;border-radius:0;-webkit-box-shadow:none;box-shadow:none;background:#fff url('../images/select2.png') no-repeat 100% -22px;background:url('../images/select2.png') no-repeat 100% -22px,-webkit-gradient(linear,left bottom,left top,color-stop(0.85,#fff),color-stop(0.99,#eee));background:url('../images/select2.png') no-repeat 100% -22px,-webkit-linear-gradient(center bottom,#fff 85%,#eee 99%);background:url('../images/select2.png') no-repeat 100% -22px,-moz-linear-gradient(center bottom,#fff 85%,#eee 99%);background:url('../images/select2.png') no-repeat 100% -22px,linear-gradient(top,#fff 85%,#eee 99%);}.select2-drop.select2-drop-above .select2-search input{margin-top:4px;}.select2-search input.select2-active{background:#fff url('../images/select2-spinner.gif') no-repeat 100%;background:url('../images/select2-spinner.gif') no-repeat 100%,-webkit-gradient(linear,left bottom,left top,color-stop(0.85,#fff),color-stop(0.99,#eee));background:url('../images/select2-spinner.gif') no-repeat 100%,-webkit-linear-gradient(center bottom,#fff 85%,#eee 99%);background:url('../images/select2-spinner.gif') no-repeat 100%,-moz-linear-gradient(center bottom,#fff 85%,#eee 99%);background:url('../images/select2-spinner.gif') no-repeat 100%,linear-gradient(top,#fff 85%,#eee 99%);}.select2-container-active .select2-choice,.select2-container-active .select2-choices{border:1px solid #5897fb;outline:none;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);}.select2-dropdown-open .select2-choice{border-bottom-color:transparent;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:#eee;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(0.5,#eee));background-image:-webkit-linear-gradient(center bottom,#fff 0%,#eee 50%);background-image:-moz-linear-gradient(center bottom,#fff 0%,#eee 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0);background-image:linear-gradient(top,#fff 0%,#eee 50%);}.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices{border:1px solid #5897fb;border-top-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(0.5,#eee));background-image:-webkit-linear-gradient(center top,#fff 0%,#eee 50%);background-image:-moz-linear-gradient(center top,#fff 0%,#eee 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0);background-image:linear-gradient(bottom,#fff 0%,#eee 50%);}.select2-dropdown-open .select2-choice .select2-arrow{background:transparent;border-left:none;filter:none;}.select2-dropdown-open .select2-choice .select2-arrow b{background-position:-18px 1px;}.select2-results{max-height:200px;padding:0 0 0 4px;margin:4px 4px 4px 0;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);}.select2-results ul.select2-result-sub{margin:0;padding-left:0;}.select2-results ul.select2-result-sub > li .select2-result-label{padding-left:20px}.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label{padding-left:40px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label{padding-left:60px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label{padding-left:80px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label{padding-left:100px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label{padding-left:110px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label{padding-left:120px}.select2-results li{list-style:none;display:list-item;background-image:none;}.select2-results li.select2-result-with-children > .select2-result-label{font-weight:bold;}.select2-results .select2-result-label{padding:3px 7px 4px;margin:0;cursor:pointer;min-height:1em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.select2-results .select2-highlighted{background:#3875d7;color:#fff;}.select2-results li em{background:#feffde;font-style:normal;}.select2-results .select2-highlighted em{background:transparent;}.select2-results .select2-highlighted ul{background:#fff;color:#000;}.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit{background:#f4f4f4;display:list-item;}.select2-results .select2-disabled.select2-highlighted{color:#666;background:#f4f4f4;display:list-item;cursor:default;}.select2-results .select2-disabled{background:#f4f4f4;display:list-item;cursor:default;}.select2-results .select2-selected{display:none;}.select2-more-results.select2-active{background:#f4f4f4 url('../images/select2-spinner.gif') no-repeat 100%;}.select2-more-results{background:#f4f4f4;display:list-item;}.select2-container.select2-container-disabled .select2-choice{background-color:#f4f4f4;background-image:none;border:1px solid #ddd;cursor:default;}.select2-container.select2-container-disabled .select2-choice .select2-arrow{background-color:#f4f4f4;background-image:none;border-left:0;}.select2-container.select2-container-disabled .select2-choice abbr{display:none;}.select2-container-multi .select2-choices{height:auto !important;height:1%;margin:0;padding:0;position:relative;border:1px solid #aaa;cursor:text;overflow:hidden;background-color:#fff;background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(top,#eee 1%,#fff 15%);background-image:-moz-linear-gradient(top,#eee 1%,#fff 15%);background-image:linear-gradient(top,#eee 1%,#fff 15%);}.select2-locked{padding:3px 5px 3px 5px !important;}.select2-container-multi .select2-choices{min-height:26px;}.select2-container-multi.select2-container-active .select2-choices{border:1px solid #5897fb;outline:none;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);}.select2-container-multi .select2-choices li{float:left;list-style:none;}.select2-container-multi .select2-choices .select2-search-field{margin:0;padding:0;white-space:nowrap;}.select2-container-multi .select2-choices .select2-search-field input{padding:5px;margin:1px 0;font-family:sans-serif;font-size:100%;color:#666;outline:0;border:0;-webkit-box-shadow:none;box-shadow:none;background:transparent !important;}.select2-container-multi .select2-choices .select2-search-field input.select2-active{background:#fff url('../images/select2-spinner.gif') no-repeat 100% !important;}.select2-default{color:#999 !important;}.select2-container-multi .select2-choices .select2-search-choice{padding:3px 5px 3px 18px;margin:3px 0 3px 5px;position:relative;line-height:13px;color:#333;cursor:default;border:1px solid #aaaaaa;border-radius:3px;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);background-clip:padding-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#e4e4e4;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#f4f4f4',GradientType=0);background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);}.select2-container-multi .select2-choices .select2-search-choice .select2-chosen{cursor:default;}.select2-container-multi .select2-choices .select2-search-choice-focus{background:#d4d4d4;}.select2-search-choice-close{display:block;width:12px;height:13px;position:absolute;right:3px;top:4px;font-size:1px;outline:none;background:url('../images/select2.png') right top no-repeat;}.select2-container-multi .select2-search-choice-close{left:3px;}.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover{background-position:right -11px;}.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close{background-position:right -11px;}.select2-container-multi.select2-container-disabled .select2-choices{background-color:#f4f4f4;background-image:none;border:1px solid #ddd;cursor:default;}.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice{padding:3px 5px 3px 5px;border:1px solid #ddd;background-image:none;background-color:#f4f4f4;}.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close{display:none;background:none;}.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match{text-decoration:underline;}.select2-offscreen,.select2-offscreen:focus{clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;border:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;position:absolute !important;outline:0 !important;left:0px !important;top:0px !important;}.select2-display-none{display:none;}.select2-measure-scrollbar{position:absolute;top:-10000px;left:-10000px;width:100px;height:100px;overflow:scroll;}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){.select2-search input,.select2-search-choice-close,.select2-container .select2-choice abbr,.select2-container .select2-choice .select2-arrow b{background-image:url('../images/select2.png') !important;background-repeat:no-repeat !important;background-size:60px 40px !important;}.select2-search input{background-position:100% -21px !important;}}


.select2-container{
    padding: 0;
    background: #FFF;
    height: auto;
}
.select2-container:hover{
    box-shadow: none;
}
.select2-container.select2-container-active,.select2-container.select2-container-open{
    box-shadow: none;
    border-color: #4D90FE;
}

.select2-container .select2-choice{
    border-radius: 0;
    border-color:#D9D9D9;
    height: 28px;
    border: none !important;
    background: none !important;
}
.select2-container .select2-choices{
    border: none !important;
}
.select2-container .select2-choice .select2-chosen{
    height: 28px;
}
.select2-container .select2-choice .select2-arrow{
    background: none;
    border-left: none;
}

.select2-results{
    background: #FFF;
    margin: 5px 0 0 1px;
    padding: 0;
}
.select2-drop{
    border-radius: 0 !important;
}
.select2-result-label{
    position: relative;
}








.select2-result-control{
    padding: 5px;
    border-bottom: 1px dotted #CCC;
}
.select2-result-control a{
    color: #3875D7;
    text-decoration: none;
}
.select2-result-control a:hover{
    text-decoration: underline;
}
.select-result-indent{
    margin-left: 35px;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select-result-info{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#808080;
}
.select2-highlighted .select-result-info{
    color: #FFF;
}
.select-result-keywords{
    color: red;
}
.select-result-img{
    height: 30px;
    width: 30px;
    padding: 1px;
    border:1px solid #CCC;
    background: #FFF;
    text-align: center;
    position: absolute;
    left: 5px;
    top:7px;
    display: block;
    border-radius: 2px;
}
.select-result-img img{
    border-radius: 2px;
    height: 26px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    @include inline-block;
}
.select-result-item-control{
    position: absolute;
    right:5px;
    top:5px;
}
.select-result-item-control a{
    color: #666;
    text-decoration: underline;
}


.select2-highlighted  .select-result-item-control a{
    color: #FFF;
}

.select2-container-multi .select2-choices .select2-search-choice{
    position: relative;
    padding: 3px 18px 3px 5px;
    margin: 4px 0 3px 5px;
    border-color: #D9D9D9;
    background: #EFEFEF;
    box-shadow:none;
    border-radius: 2px;
}
.select2-container-multi .select2-search-choice-close{
    position: absolute;
    right:3px;
    top:3px;
    left: auto;
}

.select2-result-label .img-wrap {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 1px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    text-align: center
}

.select2-result-label .img-wrap img {
    height: 24px
}

.select2-container-multi .select2-choices .select2-search-choice {
    font-family: "microsoft yahei"
}

.select2-container-multi .select2-choices .select2-search-field input {
    font-family: "microsoft yahei"
}
.select2-container,.select2-choice,.select2-drop{
    font-size:12px;
    font-family: "microsoft yahei";
}
.select2-container .select2-choice {
    background: #FFF;
    height: 20px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    border-color: #D9D9D9;
    font-weight: normal;
    font-family: "microsoft yahei";
    padding-left: 5px;
}

.select2-container .select2-choice:hover {
    background: #FFF;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset
}
.select2-search-choice-close{
    text-decoration: none;
    font-size: 12px;
    background: url("/platform/mtl/images/select2.png") right 0;
}
.select2-display-none{
    display: none;
}
.select2-results{
    z-deinx:10000;
}
.select2-results .select2-result{
    padding: 5px 10px;
    display: block;
    cursor: pointer;
    z-deinx:10000;
}

body {
  margin: 0px;
  padding: 0;
  font-family: Microsoft YaHei,tahoma,arial,simsun;
  font-size: 12px;
  background-color: #fff;
}
div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
fieldset,
hr {
  margin: 0;
  padding: 0;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
ul {
  list-style: none;
}
em {
  font-style: normal;
}
button {
  font-family: Microsoft YaHei,tahoma,arial,simsun;
}
.header {
  position: relative;
  z-index: 200;
  height: 90px;
  min-width: 1160px;
  padding: 0 20px;
  background-color: #1F272B;
}
.header .c {
  position: relative;
  width: 1160px;
  margin: 0 auto;
}
.header .logo {
  height: 90px;
  float: left;
}
.header .logo a {
  display: block;
  width: 140px;
  height: 77px;
  background: url('/platform/mtl/images/newindex2/logo3.png') no-repeat 0 13px;
  text-decoration: none;
  padding: 13px 0 0 70px;
  margin: 0 40px 0 0;
}
.header .logo a:hover {
  text-decoration: none;
}
.header .logo .bu {
  display: block;
  font-size: 13px;
  color: #FF9D31;
}
.header .logo .pro {
  display: block;
  font-size: 20px;
  color: #fff;
}
.header .logo .site {
  display: block;
  font-size: 12px;
  color: #9a9a9a;
}
.header .menu .menu-level-1 {
  position: relative;
  color: #ccc;
  font-size: 16px;
  float: left;
  padding: 0 50px 0 0;
  height: 90px;
  line-height: 89px;
  cursor: default;
}
.header .menu .menu-level-1:hover {
  color: #fff;
}
.header .menu .menu-level-1:hover .menu-level-2 {
  display: block;
}
.header .menu .menu-level-1 a {
  text-decoration: none;
  color: #ccc;
  font-size: 16px;
}
.header .menu .menu-level-1 a:hover {
  color: #fff;
}
.header .menu .menu-level-1 .menu-level-2 {
  display: none;
  position: absolute;
  top: 90px;
  left: -14px;
  background-color: rgba(0, 0, 0, 0.88);
  line-height: 1.8em;
  border-top: 1px solid #FF801A;
  padding: 10px 0;
}
.header .menu .menu-level-1 .menu-level-2 li {
  position: relative;
}
.header .menu .menu-level-1 .menu-level-2 li > a,
.header .menu .menu-level-1 .menu-level-2 li > span {
  color: #bbb;
  font-size: 14px;
  display: block;
  width: 100px;
  padding: 0 15px;
}
.header .menu .menu-level-1 .menu-level-2 li > a:hover,
.header .menu .menu-level-1 .menu-level-2 li > span:hover {
  color: #fff;
}
.header .menu .menu-level-1 .menu-level-2 li:hover > a,
.header .menu .menu-level-1 .menu-level-2 li:hover > span {
  color: #fff;
}
.header .menu .menu-level-1 .menu-level-2 li:hover > span:after {
  content: '>';
  line-height: 1.8em;
  position: absolute;
  right: 15px;
  color: #777;
}
.header .menu .menu-level-1 .menu-level-2 li:hover .menu-level-3 {
  width: 130px;
}
.header .menu .menu-level-1 .menu-level-2 .menu-level-3 {
  position: absolute;
  width: 0;
  left: 130px;
  overflow: hidden;
  top: -10px;
  transition: width 200ms 80ms;
  background-color: rgba(0, 0, 0, 0.88);
  padding: 10px 0;
}
.header .user-tool {
  position: absolute;
  right: 0;
  top: 36px;
}
.header .user-tool a.login-btn {
  color: #fff;
}
.header .user-tool a.login-btn:hover {
  color: #fff;
  text-decoration: underline;
}
.header .user-tool a {
  margin: 0 0 0 8px;
  color: #9a9a9a;
  text-decoration: none;
}
.header .user-tool a:hover {
  color: #fff;
  text-decoration: none;
}
.header .user-tool .username {
  display: inline-block;
  text-align: right;
  width: 140px;
  vertical-align: bottom;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.header-m {
  position: relative;
  z-index: 200;
  height: 50px;
  background-color: #1f272b;
}
.header-m .logo {
  position: absolute;
  left: 16px;
  top: 8px;
  background: url('/platform/mtl/images/logo-m-header.png') no-repeat 0 0;
  width: 115px;
  height: 36px;
  background-size: cover;
}
.header-m .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.header-m .menu {
  position: absolute;
  background-color: #1f272b;
  color: #fff;
  width: 0;
  top: 51px;
  right: 0;
  overflow: hidden;
  transition: width 0.3s ease-out, right 0.3s ease-out;
}
.header-m .menu > ul {
  padding: 10px 16px;
}
.header-m .menu ul {
  min-width: 120px;
}
.header-m .menu.show {
  display: block;
  width: 140px;
  right: 0;
}
.header-m .menu li {
  padding: 2px 0;
}
.header-m .menu .menu-level-1 {
  margin: 4px 0 0;
}
.header-m .title {
  margin: 0 0 0 154px;
  color: #fff;
  height: 50px;
  line-height: 55px;
}
.header-m .menu-btn {
  position: absolute;
  top: 14px;
  right: 16px;
  height: 21px;
  width: 23px;
  background-color: #999;
}
.header-m .menu-btn.act {
  background-color: #666;
}
.header-m .menu-btn:after {
  height: 6px;
  width: 31px;
  left: -4px;
  content: '';
  position: absolute;
  top: 3px;
  background-color: #1f272b;
}
.header-m .menu-btn:before {
  height: 6px;
  width: 31px;
  left: -4px;
  content: '';
  position: absolute;
  bottom: 3px;
  background-color: #1f272b;
}
.page-title {
  padding: 1em 0 0.8em;
  font-size: 18px;
  border-bottom: 1px solid #f5f5f5;
  width: 1200px;
  margin: 0 auto;
}
.page-title h1 {
  display: inline-block;
  padding: 0 0 0 0.8em;
  border-left: 4px solid #8FD5EF;
}
.small-screen {
  display: none;
}
@media (max-width: 800px) {
  .small-screen {
    display: block;
  }
  .big-screen {
    display: none;
  }
}
.footer {
  clear: both;
  min-width: 1160px;
  padding: 45px 20px;
  background-color: #0D1721;
  color: #899198;
  font-size: 14px;
}
.footer p {
  text-align: center;
}
.footer p a {
  margin: 0 15px 0 0;
}
.footer .copyright {
  margin: 15px 0 0;
  text-align: center;
}
.footer a {
  color: #899198;
  text-decoration: none;
}
.footer a:hover {
  text-decoration: none;
  color: #fff;
}
.popover-confirm {
  min-width: 200px;
}
.popover-confirm .control {
  text-align: right;
}
.popover-confirm .control button {
  margin-left: 10px;
  padding: 2px 5px;
}
body {
  font-family: '微软雅黑', 'Microsoft Yahei', 'Hiragino Sans GB', 'tahoma', 'arial', '宋体';
  font-size: 13px;
  overflow-y: auto;
  color: #333333;
}
pre {
  font-family: '微软雅黑', 'Microsoft Yahei', 'Hiragino Sans GB', 'tahoma', 'arial', '宋体';
  white-space: pre-wrap;
}
a {
  color: #06A3D4;
  text-decoration: none;
}
a:hover {
  color: #48B1F1;
  text-decoration: underline;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *		`contenteditable` attribute is included anywhere else in the document.
 *		Otherwise it causes space to appear at the top and bottom of elements
 *		that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *		`:before` to contain the top-margins of child elements.
 */
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
.Common-head {
	position : relative;
	.Common-title {
		a {
			font-size : 16px;
			text-decoration : none;
			color : black;
		}
	}
	.Common-menu {
		position : absolute;
		top : 6px;
		left : 140px;
		cursor : pointer;
	}
}

.Common-hr {
	margin-top : 9px;
	background-color : #F4F4F4;
	height : 1px;
	border : 0px;
}

.Common-menu-image {
	position : absolute;
	top : 23px;
	left : 140px;
	z-index : 2001;
}

.Common-ul {
	border : 1px solid #DCDEE5;
	width : 137px;
	background-color : white;
	position : absolute;
	z-index : 2000;
	left : 75px;
	top : 29px;
	li {
		width : 100%;
		list-style-type : none;
		a {
			cursor : pointer;
			display : block;
			text-decoration : none;
			width : 100%;
			height : 31px;
			color : black;
			line-height : 31px;
			font-size : 13px;
			text-indent : 16px;
			&:hover {
				color : white;
				background-color : #4488B5;
			}
		}
		.reviewLi {
			span {
				cursor : pointer;
				display : block;
				text-decoration : none;
				width : 100%;
				height : 31px;
				color : black;
				line-height : 31px;
				font-size : 13px;
				text-indent : 16px;
				&:before {
					width : 7px;
					height : 4px;
					content : '';
					position : absolute;
					top : 138px;
					left : 5px;
				}
				&:hover {
					color : white;
					background-color : #4488B5;
					&.up {
						&:before {
							background : url('@{imgPath}/review-arrow-white-up.png') center center no-repeat;
						}
					}
					&.down {
						&:before {
							background : url('@{imgPath}/review-arrow-white-down.png') center center no-repeat;
						}
					}
				}
				&.up {
					&:before {
						background : url('@{imgPath}/review-arrow-black-up.png') center center no-repeat;
					}
				}
				&.down {
					&:before {
						background : url('@{imgPath}/review-arrow-black-down.png') center center no-repeat;
					}
				}
			}
			a {
				text-indent : 35px;
			}
		}
	}
}

.Common-info {
	position : relative;
	left : 100px;
	a {
		text-decoration : none;
		color : @a_color;
	}
}

.newCommonHead {
	min-width:1200px;
	width : 100%;
	height : 86px;
	background-color : #333B39;
	.headNewContent {
		width : 1200px;
		margin : 0px auto;
		.logo {
			width : 270px;
			height : 86px;
			float : left;
		}
		.titleDiv {
			display:none;
			float : left;
			margin-top : 20px;
			margin-left : 10px;
			.title {
				font-size : 20px;
				color : #E1E1E1;
			}
			.subTitle {
				font-size : 13px;
				color : #838786;
				float : left;
			}
		}
		.menuBanner {
			height : 100%;
			float : left;
			margin-left : 12px;
			.menuItem {
				float : left;
				list-style-type : none;
				position : relative;
				width: 95px;
				a {
					text-decoration : none;
				}
				.subMenu {
					position : absolute;
					top : 86px;
					left : 0px;
					display : none;
					z-index : 10;
					background-color : white;
					border-left : 1px solid #D5DFE7;
					border-right : 1px solid #D5DFE7;
					border-bottom : 2px solid #D5DFE7;
					a {
						text-decoration : none;
					}
					.subMenuItem {
						list-style-type : none;
						margin-top : 4px;
						margin-bottom : 4px;
						color : #484848;
						width : 155px;
						font-size : 13px;
						height : 32px;
						line-height : 32px;
						text-indent : 16px;
						&:hover {
							background-color : #00A2D3;
							color : #F6F6F6;
						}
					}
				}
				&:hover {
					.subMenu {
						display : block;
					}
				}
				.mainMenu {
					width : 100%;
					height : 84px;
					color : #CCCCCC;
					line-height : 84px;
					border-top : 2px solid #333B39;
					font-size : 15px;
					text-align : center;
					&:hover {
						border-top : 2px solid #00A2D3;
						background-color : #252525;
						color : #00A2D3;
					}
					&.active {
						border-top : 2px solid #00A2D3;
						background-color : #252525;
						color : #00A2D3;
					}
				}
			}
		}
		.personalInfo {
			float : right;
			width:266px;
			img {
				width : 40px;
				height : 40px;
				border-radius : 20px;
				float : left;
				margin-top : 23px;
			}
			div {
				height : 100%;
				float : left;
				font-size : 13px;
				color : #C1C1C1;
				margin-left : 12px;
				line-height : 86px;
			}
			.username {
				width : 100px;
				text-overflow : ellipsis;
				overflow : hidden;
				white-space : nowrap;
			}
		}
	}
}

.newCommonFoot {
	min-width: 1200px;
	width : 100%;
	height : 127px;
	background-color : #243341;
	text-align : center;
	color:#899198;
	ul {
		display : inline-block;
		margin-top : 40px;
		li {
			float : left;
			margin-left : 20px;
			list-style-type : none;
			a {
				color : #899198;
				font-size : 13px;
				text-decoration : none;
				&:hover {
					text-decoration : underline;
					color: #00A2D3;
				}
			}
		}
	}
	.copyright {
		color : #899198;
		font-size : 13px;
		margin-top : 13px;
	}
}

*/
.announcement {
  width: 100%;
  height: 34px;
  background-color: #FCF8E2;
  border-top: 1px solid #FF6600;
  border-bottom: 1px solid #FF6600;
}
.announcement .center {
  width: 1200px;
  margin: 0px auto;
  text-align: center;
}
.announcement .center .announcementImg,
.announcement .center .announcementText {
  display: inline-block;
}
.announcement .center .announcementImg {
  margin-top: 4px;
}
.announcement .center .announcementText {
  line-height: 34px;
  vertical-align: top;
  font-size: 13px;
  color: #FF6600;
  text-indent: 10px;
  font-weight: bold;
}
.newContent {
  max-width: 1200px;
  overflow: hidden;
  margin: 0px auto;
}
.button {
  display: inline-block;
  padding: 0 17px;
  line-height: 30px;
  height: 30px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  cursor: pointer;
  outline: none;
}
.button:hover {
  text-decoration: none;
}
.Cancel-button {
  display: inline-block;
  padding: 0 17px;
  line-height: 30px;
  height: 30px;
  border-width: 1px;
  border-style: solid;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 13px;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  color: #333333;
  background-color: #F7F7F7;
  border-color: #DDDDDD;
  margin-left: 5px;
}
.Cancel-button:hover {
  text-decoration: none;
}
button.Cancel-button {
  height: 30px;
  line-height: normal;
}
a.Cancel-button {
  display: inline-block;
  line-height: 30px;
  height: auto;
}
a.Cancel-button:hover {
  text-decoration: none;
}
.Cancel-button:hover {
  background-color: #EEEEEE;
}
.Cancel-button:active {
  background-color: #E4E4E4;
}
.Blue-button {
  display: inline-block;
  padding: 0 17px;
  line-height: 30px;
  height: 30px;
  border-width: 1px;
  border-style: solid;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 13px;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  background-color: #2E98DA;
  color: white;
  border-color: #2E98DA;
}
.Blue-button:hover {
  text-decoration: none;
}
button.Blue-button {
  height: 30px;
  line-height: normal;
}
a.Blue-button {
  display: inline-block;
  line-height: 30px;
  height: auto;
}
a.Blue-button:hover {
  text-decoration: none;
}
.Blue-button:hover {
  background-color: #3EA8E9;
  color: white;
}
.Blue-button:active {
  background-color: #278DCD;
  color: white;
}
.Blue-button span {
  display: none;
}
.Blue-disable-button {
  display: inline-block;
  padding: 0 17px;
  line-height: 30px;
  height: 30px;
  border-width: 1px;
  border-style: solid;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 13px;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  background-color: #F3F3F3;
  color: #CFCFCF;
  border-color: #EDEDED;
  cursor: default;
}
.Blue-disable-button:hover {
  text-decoration: none;
}
button.Blue-disable-button {
  height: 30px;
  line-height: normal;
}
a.Blue-disable-button {
  display: inline-block;
  line-height: 30px;
  height: auto;
}
a.Blue-disable-button:hover {
  text-decoration: none;
}
/*******************************
 * bootstrap row-fluid class
 *******************************/
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}
.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}
.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}
.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}
.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}
.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}
.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}
.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}
.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}
.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}
.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}
/*******************************
 * button
 *******************************/
.button-white {
  display: inline-block;
  padding: 0 17px;
  line-height: 30px;
  height: 30px;
  border-width: 1px;
  border-style: solid;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 13px;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  color: #333333;
  border: 1px solid #666666;
  background: #FFFFFF;
}
.button-white:hover {
  text-decoration: none;
}
button.button-white {
  height: 30px;
  line-height: normal;
}
a.button-white {
  display: inline-block;
  line-height: 30px;
  height: auto;
}
a.button-white:hover {
  text-decoration: none;
}
.button-white:hover {
  border: 1px solid #666666;
  color: #333333;
  background-color: #DDDDDD;
}
.button-white.disabled {
  border: 1px solid #D1D1D1;
  color: #AAAAAA;
  background: #FFFFFF;
}
.button-blue {
  display: inline-block;
  padding: 0 17px;
  line-height: 30px;
  height: 30px;
  border-width: 1px;
  border-style: solid;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 13px;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  color: #FFFFFF;
  background-color: #2E98DA;
  border: 1px solid #2E98DA;
}
.button-blue:hover {
  text-decoration: none;
}
button.button-blue {
  height: 30px;
  line-height: normal;
}
a.button-blue {
  display: inline-block;
  line-height: 30px;
  height: auto;
}
a.button-blue:hover {
  text-decoration: none;
}
.button-blue:hover {
  background-color: #3EA8E9;
  color: #fff;
}
.button-blue:active {
  color: #fff;
  background-color: #278DCD;
}
.button-blue.disabled {
  background-color: #F3F3F3;
  border: 1px solid #EDEDED;
}
/* actually it is not silver, :D */
.button-silver {
  display: inline-block;
  padding: 0 17px;
  line-height: 30px;
  height: 30px;
  border-width: 1px;
  border-style: solid;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 13px;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  border: 1px solid #DDDDDD;
  color: #333333;
  background-color: #F7F7F7;
}
.button-silver:hover {
  text-decoration: none;
}
button.button-silver {
  height: 30px;
  line-height: normal;
}
a.button-silver {
  display: inline-block;
  line-height: 30px;
  height: auto;
}
a.button-silver:hover {
  text-decoration: none;
}
.button-silver:hover {
  background-color: #EEEEEE;
}
.button-silver:active {
  background-color: #E4E4E4;
}
.button-silver.disabled {
  border: 1px solid #E9E9E9;
  color: #CFCFCF;
  background-color: #F3F3F3;
}

.wangwang-btn a:hover {
  text-decoration: none;
}
/*******************************
 * input
 * the input of type checkbox or radio must
 * be followed by span or label, otherwise
 * no radio button or checkbox would be shown
 *******************************/
input[type=checkbox],
input[type=radio] {
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* TODO: do not know the resolution of these icons */

input[type=text] {
  height: 30px;
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid #BBBBBB;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 0 2px;
}
input[type=text].input-xlarge {
  width: 260px;
  color: #444444;
}
input[type=text].input-large {
  width: 220px;
}
input[type=text].input-small {
  width: 120px;
  padding: 0 8px;
}
input[type=text]::-webkit-input-placeholder {
  color: #999999;
}
input[type=text]:-moz-placeholder {
  color: #999999;
}
input[type=text]::-moz-placeholder {
  color: #999999;
}
input[type=text]:-ms-input-placeholder {
  color: #999999;
}
input[type=text]:focus {
  outline: 1px auto #7BC1F7;
}
input[type=text].error {
  border: 1px solid #FF8080;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
input[type=text].error:focus {
  outline: 1px auto #FF8080;
}
input[type=text][readonly] {
  border: 1px solid #BBBBBB;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
textarea {
  height: 100px;
  width: 260px;
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid #BBBBBB;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 0 2px;
}
textarea::-webkit-input-placeholder {
  color: #999999;
}
textarea:-moz-placeholder {
  color: #999999;
}
textarea::-moz-placeholder {
  color: #999999;
}
textarea:-ms-input-placeholder {
  color: #999999;
}
textarea:focus {
  outline: 1px auto #7BC1F7;
}
textarea.error {
  border: 1px solid #FF8080;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
textarea.error:focus {
  outline: 1px auto #FF8080;
}
textarea[readonly] {
  border: 1px solid #BBBBBB;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
/*******************************
 * form control
 *******************************/
.form-control .validate-help {
  line-height: 20px;
  height: 20px;
  color: #999;
  font-size: 12px;
}
.form-control.error .validate-help,
.form-control.fail .validate-help {
  color: #FA0000;
}
.form-control.error input[type='text'],
.form-control.fail input[type='text'],
.form-control.error textarea,
.form-control.fail textarea {
  border: 1px solid #FF8080;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control.success .validate-help {
  color: #63a126;
}
.form-control.warning .validate-help {
  color: #FF801A;
}
.form-control.warning input[type='text'],
.form-control.warning textarea {
  border: 1px solid #FF801A;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/*******************************
 * margin / padding / float / clear / hide
 *******************************/
.m0 {
  margin: 0 !important;
}
.mt5 {
  margin-top: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.ml5 {
  margin-left: 5px;
}
.mr5 {
  margin-right: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mr10 {
  margin-right: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mr20 {
  margin-right: 20px;
}
.mt40 {
  margin-top: 40px;
}
.mb40 {
  margin-bottom: 40px;
}
.ml40 {
  margin-left: 40px;
}
.mr40 {
  margin-right: 40px;
}
.p0 {
  padding: 0 !important;
}
.pt5 {
  padding-top: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.pl5 {
  padding-left: 5px;
}
.pr5 {
  padding-right: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.pl10 {
  padding-left: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pt20 {
  padding-top: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.pl20 {
  padding-left: 20px;
}
.pr20 {
  padding-right: 20px;
}
.pt40 {
  padding-top: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.pl40 {
  padding-left: 40px;
}
.pr40 {
  padding-right: 40px;
}
.pl80 {
  padding-left: 80px;
}
.pr80 {
  padding-right: 80px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear:after {
  content: "";
  display: block;
  clear: both;
}
.hide {
  display: none;
}
/*******************************
 * pagination
 *******************************/
.Pagination-div {
  border-top: 1px solid #E6E6E6;
  width: 736px;
  height: 50px;
  margin-left: 20px;
  background-color: #f6f6f6;
}
.Pagination-div .Pagination-wrap {
  text-align: center;
}
.Pagination-div .Pagination-wrap .Pagination-Div {
  display: inline-block;
}
.Pagination-div .Pagination-wrap .Pagination-Div .pagination {
  display: inline-block;
  text-align: center;
  position: relative;
  top: 9px;
  line-height: 31px;
}
.Pagination-div .Pagination-wrap .Pagination-Div .pagination li {
  display: inline-block;
  font-size: 12px;
  width: 30px;
  height: 31px;
  list-style: none;
  background-color: white;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.Pagination-div .Pagination-wrap .Pagination-Div .pagination li a {
  width: 30px;
  height: 31px;
  color: #666666;
  line-height: 31px;
  text-decoration: none;
  display: inline-block;
}
.Pagination-div .Pagination-wrap .Pagination-Div .pagination li span {
  line-height: 31px;
  color: #666666;
}
.Pagination-div .Pagination-wrap .Pagination-Div .pagination li.active {
  background-color: #3B556A;
  color: white;
  border: 1px solid #3B556A;
  line-height: 31px;
}
.Pagination-div .Pagination-wrap .Pagination-Div .pagination li.active span {
  color: white;
  line-height: 31px;
}
.Pagination-div .Pagination-wrap .Pagination-Div .pagination li.leftLine {
  border-left: 1px solid #CCCCCC;
}
.Pagination-div .Pagination-wrap .Pagination-Div .pagination li.rightLine {
  border-right: 1px solid #CCCCCC;
}
.Pagination-div .Pagination-wrap .Pagination-Div .pagination li.leftRadius {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.Pagination-div .Pagination-wrap .Pagination-Div .pagination li.rightRadius {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.Pagination-div .Pagination-wrap .Page-Input {
  position: relative;
  left: 5px;
  top: 9px;
  width: 42px;
  height: 31px;
  border: 1px solid #BBBBBB;
  text-align: center;
  border-radius: 2px;
}
.Pagination-div .Pagination-wrap .GO-Button {
  position: relative;
  left: 10px;
  top: 9px;
  width: 42px;
  height: 33px;
  border: 1px solid #BBBBBB;
  background-color: white;
  outline: none;
  border-radius: 2px;
  cursor: pointer;
}
/*******************************
 * Dialog mask
 *******************************/
.dialog_mask {
  width: 100%;
  height: 100%;
  background-color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.0;
}
/**************************
 * image popup previous/next button
 **************************/
#img-info {
  position: fixed;
  left: 0;
  top: 0;
  text-align: center;
  width: 90%;
  z-index: 600;
  height: 41px;
  padding-top: 7px;
  margin-left: 5%;
  color: #fff;
  line-height: 1.6em;
}
#img-info .browser {
  color: #A3CAFF;
  margin: 0 12px 0 0;
}
#img-info .is-top-page {
  color: #aaa;
}
#img-info .url-shot {
  display: block;
  width: 100%;
  background-color: transparent;
  border: none;
  text-align: center;
  color: #fff;
  outline: none;
}
#img-info .url-shot:focus {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.image-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: black;
  top: 0;
  left: 0;
  opacity: 0.6;
  z-index: 500;
}
.prev-next {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 500;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}
.prev-next div {
  position: fixed;
  top: 50%;
  width: 65px;
  height: 65px;
}
.prev-next .prev-img {
  left: 32px;
  cursor: pointer;
  background: url('/platform/mtl/images/prev-next-img.png') top left no-repeat;
}
.prev-next .next-img {
  right: 32px;
  cursor: pointer;
  background: url('/platform/mtl/images/prev-next-img.png') bottom left no-repeat;
}
.prev-next .prev-img-disable {
  left: 32px;
  cursor: default;
  background: url('/platform/mtl/images/prev-next-img.png') top right no-repeat;
}
.prev-next .next-img-disable {
  right: 32px;
  cursor: default;
  background: url('/platform/mtl/images/prev-next-img.png') bottom right no-repeat;
}
#img-pop {
  position: fixed;
  top: 50%;
  z-index: 600;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  display: none;
  height: 90%;
  margin-left: 50%;
  left: -200px;
}
#img-pop img {
  height: 100%;
}
.tool {
  position: fixed;
  right: 0;
  bottom: 30%;
  height: 170px;
}
.tool .re {
  display: block;
  width: 38px;
  height: 129px;
  background: url('/platform/mtl/images/newindex/icon_help.png') no-repeat -40px 0;
}
.tool .re:hover {
  background-position: 0 0;
}
.tool .re span {
  display: none;
}
.tool .top {
  margin: 3px 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background: url('/platform/mtl/images/newindex/icon_top.png') no-repeat -40px 0;
}
.tool .top:hover {
  background-position: 0 0;
}
.tool .top span {
  display: none;
}
.fixDiv {
  position: fixed;
  right: 0;
  bottom: 30px;
  z-index: 999;
}
.fixDiv .backToTop {
  position: relative;
  top: 3px;
}
#anr-popup,
#crash-popup,
#log-popup {
  display: none;
  position: fixed;
  width: 1000px;
  height: 80%;
  top: 8%;
  margin-left: 50%;
  left: -500px;
  background-color: white;
  border: 1px solid #AAA;
  -webkit-transform: translateZ(0);
  -webkit-box-shadow: 1px 1px 10px #AAAAAA;
  -moz-box-shadow: 1px 1px 10px #AAAAAA;
  box-shadow: 1px 1px 10px #AAAAAA;
  -webkit-backface-visibility: hidden;
  z-index: 600;
}
#anr-popup .scroll-div,
#crash-popup .scroll-div,
#log-popup .scroll-div {
  overflow: auto;
  padding: 0 16px;
  position: absolute;
  top: 50px;
  bottom: 8px;
  left: 0;
  right: 0;
}
#anr-popup .crash-head,
#crash-popup .crash-head,
#log-popup .crash-head,
#anr-popup .log-head,
#crash-popup .log-head,
#log-popup .log-head {
  height: 32px;
  line-height: 16px;
  border-bottom: 2px solid #e8e8e8;
  padding: 16px 16px 0;
}
#anr-popup .crash-head span,
#crash-popup .crash-head span,
#log-popup .crash-head span,
#anr-popup .log-head span,
#crash-popup .log-head span,
#log-popup .log-head span {
  font-weight: bold;
  font-size: 15px;
}
#anr-popup .crash-head .close,
#crash-popup .crash-head .close,
#log-popup .crash-head .close,
#anr-popup .log-head .close,
#crash-popup .log-head .close,
#log-popup .log-head .close {
  background: url('/platform/mtl/images/close.jpg') center center no-repeat;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 14px;
  height: 14px;
  float: right;
  cursor: pointer;
}
#anr-popup .crash-head .close:hover,
#crash-popup .crash-head .close:hover,
#log-popup .crash-head .close:hover,
#anr-popup .log-head .close:hover,
#crash-popup .log-head .close:hover,
#log-popup .log-head .close:hover {
  background: url('/platform/mtl/images/close_hover.jpg') center bottom no-repeat;
}
#anr-popup .crash-body,
#crash-popup .crash-body,
#log-popup .crash-body {
  margin: 0px 16px;
  border-bottom: 2px dotted #e8e8e8;
  padding: 16px 0;
  word-break: break-word;
}
#anr-popup .crash-body .crash-summary,
#crash-popup .crash-body .crash-summary,
#log-popup .crash-body .crash-summary {
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  text-indent: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #F2F4F6;
  border-left: 4px solid #00A2D3;
  margin-bottom: 8px;
}
#anr-popup .crash-body .crash-summary a,
#crash-popup .crash-body .crash-summary a,
#log-popup .crash-body .crash-summary a {
  float: right;
  margin-right: 8px;
  color: #29ABE2;
  text-decoration: none;
}
#anr-popup .log-body,
#crash-popup .log-body,
#log-popup .log-body {
  word-break: break-all;
  word-wrap: break-word;
}
.ajax-loading {
  background: url('/platform/mtl/images/ajax-loader.gif') no-repeat 0 0;
  width: 32px;
  height: 32px;
  margin: 120px auto;
}
.ajax-loading span {
  display: none;
}
.small-ajax-loading {
  background: url('/platform/mtl/images/loading_16.gif') no-repeat 0 0;
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
  top: 3px;
}
/* test_manager page*/
.func-list {
  position: absolute;
  display: none;
  right: 2px;
  background-color: white;
  border: 1px solid #E6E6E6;
  z-index: 1;
  padding: 2px 4px;
  color: #00a2ca;
}
.func-list li {
  margin: 4px 0;
  cursor: pointer;
}
.active-admin-btn {
  display: block;
}
.vip {
  background: url('/platform/mtl/images/vip.gif') no-repeat right center;
  padding-right: 18px;
}
.todo {
  color: gold;
}
.icon {
  display: inline-block;
  vertical-align: baseline;
  background-repeat: no-repeat;
}
.icon.fold {
  width: 8px;
  height: 11px;
  background-image: url('/platform/mtl/images/fold.png');
}
.expanded .icon.fold {
  background-position: -9px 0;
}
.icon.pop {
  width: 21px;
  height: 19px;
  background-image: url('/platform/mtl/images/newwin.png');
}
.icon.right-arrow {
  width: 21px;
  height: 11px;
  background-image: url('/platform/mtl/images/arr.png');
}
table.table {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}
table.table td,
table.table th {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
}
table.table th {
  color: #333;
  background-color: #f6f6f6;
}
table.table td {
  color: #48B1F1;
  text-align: center;
}
table.table.table-left td,
table.table.table-left th {
  text-align: left;
}
.text-red,
.text-error,
.text-danger {
  color: #FA0000;
}
.text-green,
.text-success {
  color: #63a126;
}
.text-blue,
.text-primary,
.text-main {
  color: #3EA8E9;
}
.text-warning,
.text-yellow {
  color: #FF801A;
}
.text-gray {
  color: #999;
}
.text-silver {
  color: #ddd;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}
.no-wrap {
  white-space: nowrap;
}
.tag {
  display: inline-block;
  padding: 2px 5px;
  background-color: #eee;
  color: #333;
  vertical-align: middle;
  font-size: 0.9em;
  border-radius: 4px;
}
.tag.tag-blue,
.tag.tag-primary {
  background-color: #3EA8E9;
  color: #fff;
}
.tag.tag-green,
.tag.tag-success {
  background-color: #63a126;
  color: #fff;
}
.tag.tag-danger,
.tag.tag-red {
  background-color: #FA0000;
  color: #fff;
}
.tag.tag-warning,
.tag.tag-yellow {
  background-color: #FF801A;
  color: #fff;
}
.tooltip {
  word-break: break-all;
  transition: opacity 200ms 0ms;
}
.tooltip .tooltip-inner {
  max-width: 300px;
}
.Img {
  display: inline-block;
  vertical-align: text-bottom;
  margin: 0 2px;
}
.Img-Compatibility {
  background: url('/platform/mtl/images/compatibility.jpg') center bottom no-repeat;
}
.Img-Stability {
  background: url('/platform/mtl/images/stability.jpg') center bottom no-repeat;
}
.Img-HFive {
  background: url('/platform/mtl/images/hfive.jpg') center bottom no-repeat;
}
.Img-Review {
  background: url('/platform/mtl/images/review.jpg') center bottom no-repeat;
}
.Img-Top {
  width: 12px;
  height: 7px;
  background: url('/platform/mtl/images/top.jpg') center center no-repeat;
}
.Img-DownLoad {
  width: 23px;
  height: 10px;
  background: url('/platform/mtl/images/down_load.jpg') center center no-repeat;
}
.Img-ArrayUp {
  width: 8px;
  height: 5px;
  background: url('/platform/mtl/images/arrow-up.jpg') center center no-repeat;
}
.Img-ArrayDown {
  width: 8px;
  height: 5px;
  background: url('/platform/mtl/images/arrow-down.jpg') center center no-repeat;
}
.Img-Close {
  width: 14px;
  height: 14px;
  background: url('/platform/mtl/images/close.jpg') center center no-repeat;
}
.Img-Close:hover {
  background: url('/platform/mtl/images/close_hover.jpg') center center no-repeat;
}
.Img-Submitok {
  width: 64px;
  height: 64px;
  background: url('/platform/mtl/images/submitok.png') center center no-repeat;
}
.Img-Submitfail {
  width: 64px;
  height: 64px;
  background: url('/platform/mtl/images/submitfail.jpg') center center no-repeat;
}
.Img-Uploadok {
  position: relative;
  top: 7px;
  width: 16px;
  height: 16px;
  background: url('/platform/mtl/images/uploadok.jpg') center center no-repeat;
  display: inline-block;
}
.Img-Uploading {
  position: relative;
  top: 7px;
  width: 16px;
  height: 16px;
  background: url('/platform/mtl/images/uploadok.jpg') center center no-repeat;
  display: inline-block;
}
.Img-CloseUrl {
  width: 10px;
  height: 10px;
  background: url('/platform/mtl/images/close_url.jpg') center center no-repeat;
}
.Img-AddUrl {
  width: 10px;
  height: 10px;
  background: url('/platform/mtl/images/add_url.jpg') center center no-repeat;
}
.Img-SignatureSuc {
  width: 32px;
  height: 32px;
  background: url('/platform/mtl/images/signature_suc.jpg') center center no-repeat;
}
.Img-SignatureFail {
  width: 32px;
  height: 32px;
  background: url('/platform/mtl/images/signature_fail.jpg') center center no-repeat;
}
.Img-FlowSmall {
  width: 20px;
  height: 20px;
  background: url('/platform/mtl/images/flow-small.jpg') center center no-repeat;
}
.Img-FlowBig {
  width: 28px;
  height: 28px;
  background: url('/platform/mtl/images/flow_big.jpg') center center no-repeat;
}
.Img-ReviewHelp {
  width: 16px;
  height: 16px;
  background: url('/platform/mtl/images/review_help.jpg') center center no-repeat;
}
.Img-InnerRight {
  width: 12px;
  height: 10px;
  background: url('/platform/mtl/images/innerRight.jpg') center center no-repeat;
}
.Img-NewLogo {
  width: 270px;
  height: 86px;
  background: url('/platform/mtl/images/img_logo.png') center center no-repeat;
}
.Img-RobotiumHelp {
  width: 15px;
  height: 15px;
  background: url('/platform/mtl/images/robotium_help.png') center center no-repeat;
}
.Img-BlueHelp {
  width: 15px;
  height: 15px;
  background: url('/platform/mtl/images/tips.png') center center no-repeat;
  background-size: 15px 15px;
}
.Img-ReviewreadmeLogo {
  width: 110px;
  height: 80px;
  background: url('/platform/mtl/images/reviewreadme_logo.png') center center no-repeat;
}
.Img-IndexIcon1 {
  width: 120px;
  height: 120px;
  background: url('/platform/mtl/images/index_icon1.png') center center no-repeat;
}
.Img-IndexIcon2 {
  width: 120px;
  height: 120px;
  background: url('/platform/mtl/images/index_icon2.png') center center no-repeat;
}
.Img-IndexIcon3 {
  width: 120px;
  height: 120px;
  background: url('/platform/mtl/images/index_icon3.png') center center no-repeat;
}
.Img-CompatibilityBig {
  width: 115%;
  height: 100%;
  background: url('/platform/mtl/images/newindex/t1.png') center center no-repeat;
}
.Img-StabilityBig {
  width: 100%;
  height: 100%;
  background: url('/platform/mtl/images/newindex/t2.png') center center no-repeat;
}
.Img-HFiveBig {
  width: 100%;
  height: 100%;
  background: url('/platform/mtl/images/newindex/t3.png') center center no-repeat;
}
.Img-ReviewBig {
  width: 100%;
  height: 100%;
  background: url('/platform/mtl/images/newindex/t4.png') center center no-repeat;
}
.Img-Banner1 {
  width: 1200px;
  height: 358px;
}
.Img-Banner2 {
  width: 1200px;
  height: 358px;
}
.Img-Banner3 {
  width: 1200px;
  height: 358px;
  background: url('/platform/mtl/images/newindex/s3/img_banner03_imgbg.png') 500px center no-repeat;
}
.Img-Announcement {
  width: 26px;
  height: 26px;
  background: url('/platform/mtl/images/img_notice_26.png') center center no-repeat;
}
.Img-iconHelp {
  width: 38px;
  height: 115px;
  background: url('/platform/mtl/images/newindex/icon_help.png') 38px 0px no-repeat;
  background-position: 0px 0px;
}
.help-box .middle {
  height: 76px !important;
  background-position: 0px 0px;
}
.help-box .middle:hover {
  background: url('/platform/mtl/images/newindex/icon_help.png') -40px 0px no-repeat;
}
.help-box .bottom {
  height: 38px !important;
  background-position: 0px -78px;
}
.help-box .bottom:hover {
  background: url('/platform/mtl/images/newindex/icon_help.png') -40px -78px no-repeat;
}
.Img-iconTop {
  width: 38px;
  height: 38px;
  background: url('/platform/mtl/images/newindex/icon_top.png') 0px 0px no-repeat;
}
.Img-iconTop:hover {
  background: url('/platform/mtl/images/newindex/icon_top.png') -40px 0px no-repeat;
}
.Img-banner01Text {
  width: 600px;
  height: 86px;
  background: url('/platform/mtl/images/newindex/img_banner01_text.png') 0px 0px no-repeat;
}
.Img-banner02Text {
  width: 600px;
  height: 86px;
  background: url('/platform/mtl/images/newindex/img_banner02_text.png') 0px 0px no-repeat;
}
.Img-banner03Text {
  width: 600px;
  height: 86px;
  background: url('/platform/mtl/images/newindex/s3/img_banner03_text.png') 0px 0px no-repeat;
}
.Img-banner01Bottom {
  width: 150px;
  height: 40px;
  background: url('/platform/mtl/images/newindex/img_banner01_bottom.png') 0px 0px no-repeat;
}
.Img-banner01Bottom:hover {
  background: url('/platform/mtl/images/newindex/img_banner01_bottom.png') 0px -42px no-repeat;
}
.Img-banner02Bottom {
  width: 150px;
  height: 40px;
  background: url('/platform/mtl/images/newindex/img_banner02_bottom_150.png') 0px 0px no-repeat;
}
.Img-banner02Bottom:hover {
  background: url('/platform/mtl/images/newindex/img_banner02_bottom_150.png') 0px -42px no-repeat;
}
.Img-banner03Bottom {
  width: 150px;
  height: 40px;
  background: url('/platform/mtl/images/newindex/s3/img_banner03_bottom.png') 0px 0px no-repeat;
}
.Img-banner03Bottom:hover {
  background: url('/platform/mtl/images/newindex/s3/img_banner03_bottom.png') 0px -42px no-repeat;
}
.Img-imgLogo230 {
  width: 230px;
  height: 86px;
  background: url('/platform/mtl/images/newindex/img_logo_230.png') 0px 0px no-repeat;
}
.Img-NewNotice {
  width: 15px;
  height: 15px;
  background: url('/platform/mtl/images/menu/msg_icon.png') 0px 0px no-repeat;
}
.m1t .Img-NewNotice {
  position: relative;
  top: -7px;
}
.Img-Notice {
  width: 15px;
  height: 15px;
  background: url('/platform/mtl/images/menu/msg_icon.png') 0px 0px no-repeat;
}
.m1t .Img-Notice {
  position: relative;
  top: -7px;
}
.Img-ZcBack {
  display: block;
  background: url('/platform/mtl/images/zc/back.png') center center no-repeat;
  -webkit-background-size: 13px 18px;
  background-size: 13px 18px;
  width: 50px;
  height: 50px;
}
.slider-input {
  *zoom: 1;
  height: 38px;
  font-family: Helvetica;
}
.slider-input:before,
.slider-input:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.slider-input:after {
  clear: both;
}
.slider-track {
  *zoom: 1;
  background-color: #6BB5F2;
  height: 4px;
  margin-top: 8px;
}
.slider-track:before,
.slider-track:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.slider-track:after {
  clear: both;
}
.slider-track.active {
  background-color: #9FD4FF;
}
.slider-track .slider-badge {
  border-radius: 50%;
  background-color: #6BB5F2;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -8px;
  cursor: default;
  border: 3px solid #fff;
  transition: border 140ms;
}
.slider-track .slider-badge.active {
  background-color: #9FD4FF;
  border-color: #9FD4FF;
}
.slider-track .slider-badge .slider-indicate {
  color: rgba(0, 0, 0, 0.47);
  padding: 0;
  margin: 0;
  outline: 0;
  border: 0;
}
.slider-track .slider-badge .slider-indicate:focus {
  border-bottom: 1px solid #6BB5F2;
  box-shadow: none;
}
.range-input {
  width: 300px;
  display: table;
}
.range-input > span {
  width: 1%;
}
.range-input > span:first-child {
  padding-right: 7px;
}
.range-input > span:last-child {
  padding-left: 7px;
}
.range-input input[type="range"] {
  width: 300px;
  vertical-align: middle;
}
.ChooseStepDiv {
  height: 100px;
}
.ChooseStepDiv .innerDiv {
  margin-top: 45px;
  height: 32px;
  position: relative;
}
.ChooseStepDiv .innerDiv .middleLine {
  width: 100%;
  height: 5px;
  background-color: #DDE6E9;
  border: 0px;
  top: 14px;
  position: absolute;
  z-index: 1;
}
.ChooseStepDiv .innerDiv .oneStep {
  background-color: white;
  height: 32px;
  display: inline-block;
  position: absolute;
  z-index: 2;
  left: 0px;
  display: none;
}
.ChooseStepDiv .innerDiv .oneStep .outCircle {
  background-color: #DEE6E9;
  border-radius: 16px;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 2px;
}
.ChooseStepDiv .innerDiv .oneStep .outCircle .innerCircle {
  background-color: white;
  border-radius: 11px;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 5px;
  top: 5px;
}
.ChooseStepDiv .innerDiv .oneStep .outCircle .innerCircle .innerText {
  color: #DEE6E9;
  font-size: 11px;
  position: absolute;
  left: 8px;
  top: 2px;
}
.ChooseStepDiv .innerDiv .oneStep .outCircle .innerCircle .innerRight {
  color: #DEE6E9;
  font-size: 11px;
  position: absolute;
  left: 4px;
  top: 6px;
  display: none;
}
.ChooseStepDiv .innerDiv .oneStep .outCircle .innerCircle .innerWhite {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: white;
  left: 16px;
  top: 3px;
}
.ChooseStepDiv .innerDiv .oneStep .TextDiv {
  position: relative;
  top: 7px;
  left: 30px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: white;
  font-size: 14px;
  color: #DEE6E9;
}
.ChooseStepDiv .innerDiv .oneStep.Current .outCircle {
  background-color: #5C9DF5;
}
.ChooseStepDiv .innerDiv .oneStep.Current .outCircle .innerCircle .innerText {
  color: #5C9DF5;
}
.ChooseStepDiv .innerDiv .oneStep.Current .TextDiv {
  color: #5C9DF5;
}
.ChooseStepDiv .innerDiv .oneStep.Complete .outCircle .innerCircle .innerText {
  display: none;
}
.ChooseStepDiv .innerDiv .oneStep.Complete .outCircle .innerCircle .innerRight {
  display: block;
}
.Step-div {
  width: 100%;
  height: 65px;
}
.Step-div ul {
  margin-top: 30px;
}
.Step-div ul li {
  width: 31%;
  height: 40px;
  position: relative;
  float: left;
  line-height: 40px;
  list-style: none;
  margin-right: 25px;
  text-align: center;
}
.Step-div ul li .step-num {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-right: 10px;
  line-height: 20px;
  text-align: center;
  border-radius: 20px;
}
.Step-div ul li .step-arrow-left {
  position: absolute;
  top: 0;
  left: -20px;
  z-index: 9;
  border-style: solid;
  border-width: 20px;
}
.Step-div ul li .step-arrow-right {
  position: absolute;
  top: 0;
  right: -40px;
  z-index: 9;
  border-style: solid;
  border-width: 20px;
}
.Step-div ul .Step-Prev,
.Step-div ul .Step-Current {
  background-color: #9CDDF5;
  color: #ffffff;
}
.Step-div ul .Step-Prev .step-num,
.Step-div ul .Step-Current .step-num {
  color: #9CDDF5;
  background-color: #F5F5F5;
}
.Step-div ul .Step-Prev .step-arrow-left,
.Step-div ul .Step-Current .step-arrow-left {
  border-color: #9CDDF5 #9CDDF5 #9CDDF5 transparent;
}
.Step-div ul .Step-Prev .step-arrow-right,
.Step-div ul .Step-Current .step-arrow-right {
  border-color: transparent transparent transparent #9CDDF5;
}
.Step-div ul .Step-Unreach {
  background-color: #D6D6D6;
  color: #ffffff;
}
.Step-div ul .Step-Unreach .step-num {
  color: #AAAAAA;
  background-color: #F5F5F5;
}
.Step-div ul .Step-Unreach .step-arrow-left {
  border-color: #D6D6D6 #D6D6D6 #D6D6D6 transparent;
}
.Step-div ul .Step-Unreach .step-arrow-right {
  border-color: transparent transparent transparent #D6D6D6;
}
.Sub-title {
  font-size: 16px;
  border-left: 2px solid #5c9df5;
  display: block;
  text-indent: 10px;
  line-height: 16px;
  color: #31333b;
}
.Sub-hr {
  margin-top: 10px;
  border: 0px;
  height: 1px;
  background-color: #F5F5F5;
}
.Step-two {
  font-size: 13px;
  position: relative;
}
.Step-two .Main-content {
  width: 850px;
  margin: 0px auto;
}
.Step-two .Main-content .Info_span {
  display: block;
  margin-top: 8px;
  color: #999999;
  z-index: -1;
}
.Step-two .Main-content .First-line-checkbox {
  margin-top: 20px;
}
.Step-two .Main-content .First-line-checkbox label {
  line-height: 22px;
  min-width: 310px;
}
.Step-two .Main-content .First-line-checkbox label input[type="checkbox"] {
  vertical-align: top;
  margin-top: 5px;
  margin-right: 7px;
}
.Step-two .Main-content .Second-line-checkbox {
  margin-top: 10px;
}
.Step-two .Main-content .Second-line-checkbox label {
  line-height: 22px;
  min-width: 310px;
}
.Step-two .Main-content .Second-line-checkbox label input[type="checkbox"] {
  vertical-align: top;
  margin-top: 5px;
  margin-right: 7px;
}
.Step-two .Main-content .addUrl {
  width: 30px;
  height: 30px;
  border: 1px dashed #D9DEE4;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.Step-two .Main-content .addUrl:hover {
  border-color: #8C8C8C;
}
.Step-two .Main-content .addUrl:hover .Img-AddUrl {
  background: url('/platform/mtl/images/add_url_hover.jpg') center center no-repeat;
}
.Step-two .Main-content .removeUrl {
  width: 30px;
  height: 30px;
  border: 1px dashed #D9DEE4;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.Step-two .Main-content .removeUrl:hover {
  border-color: #8C8C8C;
}
.Step-two .Main-content .removeUrl:hover .Img-CloseUrl {
  background: url('/platform/mtl/images/close_url_hover.jpg') center center no-repeat;
}
.Step-two .Main-content .urlButton {
  width: 10px;
  height: 10px;
  position: relative;
  left: 10px;
  top: 10px;
}
.Step-two .Main-content table {
  margin-top: 30px;
}
.Step-two .Main-content .line {
  *zoom: 1;
  width: 730px;
  margin: 0px auto;
  padding: 10px 0 5px 0;
}
.Step-two .Main-content .line:before,
.Step-two .Main-content .line:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.Step-two .Main-content .line:after {
  clear: both;
}
.Step-two .Main-content .line .tdTitle {
  width: 100px;
  text-align: right;
  float: left;
  color: #AEAEAE;
  height: 100%;
}
.Step-two .Main-content .line .mustSelect {
  margin-bottom: 22px;
  display: inline-block;
  /*min-width : 200px;*/
  margin-right: 10px;
  min-width: 180px;
}
.Step-two .Main-content .line .checkItemDiv {
  border-style: solid;
  border-width: thin;
  border-radius: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  float: left;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 180px;
  height: 45px;
}
.Step-two .Main-content .line .checkItemDiv > div {
  flex-grow: 0;
}
.Step-two .Main-content .line .itemChecked {
  /*border-color: #ff801a;*/
  border-color: #2e98da;
  /*box-shadow: 0px 0px 1px #2e98da inset;*/
}
.Step-two .Main-content .line .itemUnchecked {
  border-color: #D6D6D6;
  /*box-shadow: 0px 0px 1px #D6D6D6 inset;*/
}
.Step-two .Main-content .line .price-text {
  color: #2e98da;
}
.Step-two .Main-content .line .tdContent {
  float: left;
  width: 630px;
}
.Step-two .Main-content .line .tdContent .Show-hide-div {
  position: relative;
  margin-right: 25px;
  cursor: pointer;
  color: #29ABE5;
}
.Step-two .Main-content .line .tdContent .Show-hide-div .Arrow {
  position: relative;
  top: -2px;
  left: 10px;
  display: inline-block;
}
.Step-two .Main-content .line .tdContent > div {
  margin-bottom: 10px;
}
.Step-two .Main-content .line .tdContent .tips {
  color: #aaa;
  margin-left: 50px;
}
.Step-two .Main-content .line .tdContent .tips-inline {
  color: #aaa;
  margin-left: 50px;
  display: inline;
}
.Step-two .Main-content .line .tdContent .tips-block {
  color: #aaa;
  margin-left: 50px;
  margin-top: 5px;
  display: block;
}
.Step-two .Main-content .dashLine {
  border: 0px;
  width: 100%;
  border-top: 1px dashed #D9DEE4;
  margin: 20px 0;
}
.Step-two .Main-content .emailsInput {
  width: 400px;
  min-height: 31px;
  border: 1px solid #BBBBBB;
  position: relative;
  border-radius: 2px;
  cursor: text;
}
.Step-two .Main-content .wangwangsInput {
  width: 400px;
  min-height: 31px;
  border: 1px solid #BBBBBB;
  position: relative;
  border-radius: 2px;
  cursor: text;
}
.share-wangwangsInput {
  width: 600px;
  min-height: 31px;
  border: 1px solid #BBBBBB;
  position: relative;
  border-radius: 2px;
  cursor: text;
}
ul.select2-choices {
  line-height: 18px;
}
ul.select2-choices li div {
  height: 16px;
  color: white;
}
ul.select2-choices li a {
  top: 4px;
}
.select2-container-multi .select2-choices .select2-search-choice {
  background-color: #5CB85C;
  color: white;
  border-radius: 2px;
  border: 0px;
}
.select2-container-multi.select2-container-active .select2-choices,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  box-shadow: 0 0 0px;
  -webkit-box-shadow: 0 0 0px;
}
.select2-container-multi .select2-choices {
  background-image: -webkit-linear-gradient(top, #fff 1%, #fff 15%);
}
.my-group-btn {
  position: relative;
  margin-bottom: 10px;
}
#save-device-list {
  float: right;
  margin: 12px 10px 0 0;
}
.Radio_select_div {
  *zoom: 1;
}
.Radio_select_div:before,
.Radio_select_div:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.Radio_select_div:after {
  clear: both;
}
.Radio_select_div label {
  display: block;
  float: left;
  min-width: 100px;
}
.Radio_select_div label input[type="radio"] {
  vertical-align: top;
  outline: none;
}
.Radio_appSelect_div {
  *zoom: 1;
  float: left;
}
.Radio_appSelect_div:before,
.Radio_appSelect_div:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.Radio_appSelect_div:after {
  clear: both;
}
.Radio_appSelect_div label {
  display: block;
  min-width: 100px;
}
.Radio_appSelect_div label input[type="radio"] {
  vertical-align: top;
  outline: none;
}
#s2id_wangwangsInput .select2-input {
  height: auto;
}
.tdContent > :first-child {
  margin-bottom: 14px;
}
.tdContent .inline-control-group {
  *zoom: 1;
  margin-bottom: 10px;
  line-height: 38px;
}
.tdContent .inline-control-group:before,
.tdContent .inline-control-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.tdContent .inline-control-group:after {
  clear: both;
}
.tdContent .inline-control-group > div {
  float: left;
}
.tdContent .gray {
  color: #aaa;
}
.tdContent .redText {
  color: red;
}
.tdContent .grayText {
  color: #AAAAAA;
  margin-top: 8px;
}
.tdContent .hint {
  color: #aaa;
  margin-top: 4px;
  clear: both;
}
.tdContent .section-name {
  float: left;
  min-width: 70px;
}
.standard_text_input {
  width: 400px;
  background-color: transparent;
  vertical-align: top;
}
.Input_file_div {
  float: left;
  margin-top: 8px;
  width: 100%;
  position: relative;
}
.Input_file_div input[type="text"] {
  width: 300px;
  vertical-align: top;
  background-color: transparent;
}
.Input_file_div input[type="text"].fail {
  border: 1px solid #FEAA9F;
}
.Input_file_div input[type="text"].progress {
  border: 1px solid #C7DDB7;
  padding-right: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Input_file_div button {
  width: 89px;
  height: 30px;
  color: #333333;
  background-color: #F7F7F7;
  border: 1px solid #DDDDDD;
  outline: none;
  margin-left: 5px;
  border-radius: 2px;
  vertical-align: top;
}
.Input_file_div button:hover {
  background-color: #EEEEEE;
}
.Input_file_div button:active {
  background-color: #E4E4E4;
}
.Input_file_div button.disable {
  border: 1px solid #E9E9E9;
  background-color: #F3F3F3;
  color: #CFCFCF;
}
.Input_file_div input[type="file"] {
  position: absolute;
  left: 306px;
  top: 0px;
  width: 90px;
  height: 32px;
  opacity: 0;
  z-index: -1;
}
.Input_file_div span {
  color: #FA0000;
  position: relative;
}
.Input_file_div .progressCover {
  width: 1px;
  height: 30px;
  background-color: #F2FFE9;
  position: absolute;
  top: 0;
  left: 1px;
  z-index: -1;
}
.Input_file_div .progressNum {
  position: absolute;
  color: #2A9202;
  top: 7px;
  left: 260px;
}
.Input_file_div .cancel-btn {
  background-color: transparent;
  border: 0;
  width: auto;
  height: auto;
  position: absolute;
  color: #999;
  top: 4px;
  left: 265px;
  cursor: pointer;
  font-size: 14px;
  background-color: #fff;
  border-radius: 100%;
}
.Input_file_div .cancel-btn:hover {
  background-color: #fff;
  color: #FF801A;
}
.Step-three {
  font-size: 13px;
  position: relative;
}
.Step-three .Main-content {
  margin-top: 20px;
}
.Step-three .Main-content .device-list-group {
  padding: 20px 0;
  border: 0;
}
.Step-three .Main-content .device-list-group .file-content {
  display: inline;
}
.Step-three .Main-content .selectDiv {
  width: 65%;
  height: 720px;
  overflow-x: hidden;
  overflow-y: auto;
  float: left;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.Step-three .Main-content .selectDiv .selectInnerDiv {
  overflow: hidden;
  padding: 0 20px;
}
.Step-three .Main-content .selectDiv .selectInnerDiv .field {
  overflow: hidden;
  width: 100%;
  margin: 20px 0;
  border-bottom: 1px dashed #ddd;
}
.Step-three .Main-content .selectDiv .selectInnerDiv .field:last-child {
  border: 0;
}
.Step-three .Main-content .selectDiv .selectInnerDiv .field .file-name {
  display: block;
  width: 15%;
  float: left;
}
.Step-three .Main-content .selectDiv .selectInnerDiv .field .file-content {
  width: 85%;
  float: left;
}
.Step-three .Main-content .selectDiv .selectInnerDiv .field .file-content label {
  display: block;
  float: left;
  min-width: 140px;
  margin-bottom: 22px;
}
.Step-three .Main-content .selectDiv .selectInnerDiv .field .file-content label.disable {
  color: #ccc;
}
.Step-three .Main-content .dis-all .selectDiv .file-content label {
  color: #ddd;
}
.Step-three .Main-content .dis-all .selectDiv .device-list-group .file-content label {
  color: #333;
}
.Step-three .Main-content .SelectedDeviceDiv {
  width: 33%;
  height: 720px;
  float: right;
  border: 1px dashed #DDDDDD;
  box-sizing: border-box;
}
.Step-three .Main-content .SelectedDeviceDiv .Selected-device-title {
  display: block;
  margin-top: 21px;
  height: 18px;
  line-height: 18px;
  border-left: 6px solid #00A2D3;
  text-indent: 11px;
}
.Step-three .Main-content .SelectedDeviceDiv .All-device-div {
  width: 100%;
  height: 657px;
  margin-top: 17px;
  overflow: auto;
}
.Step-three .Main-content .SelectedDeviceDiv .All-device-div .Selected-div {
  margin-bottom: 17px;
  margin-left: 10px;
  height: 19px;
}
.Step-three .Main-content .SelectedDeviceDiv .All-device-div .Selected-div .Show-hide-div {
  position: relative;
  margin-right: 25px;
  cursor: pointer;
  color: #29ABE5;
  float: right;
}
.Step-three .Main-content .SelectedDeviceDiv .All-device-div .Selected-div .Show-hide-div .Arrow {
  position: relative;
  top: -10px;
  left: 31px;
}
.Step-three .Main-content .SelectedDeviceDiv .All-device-div .Device-div {
  margin-bottom: 17px;
  margin-left: 39px;
  height: 19px;
}
.Step-three .Main-content .SelectedDeviceDiv .All-device-div .Device-div span.ellipse {
  display: inline-block;
  width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.Step-three .Main-content .Button-div {
  margin-left: 100px;
  margin-top: 20px;
  float: left;
  width: 740px;
  height: 142px;
}
.Step-three .Main-content .new-Button-div {
  margin-left: 805px;
  margin-top: 20px;
  float: left;
}
#new-list-name {
  position: relative;
  padding: 0 5px;
  border-width: 1px 0 1px 1px;
  border-color: #ddd;
  border-style: solid;
  width: 190px;
  height: 26px;
}
#new-list-name-sel {
  margin: 0;
  padding: 0;
  margin-left: -204px;
  width: 224px;
  height: 28px;
}
.app-upload-modal-content .btn-list {
  margin: 20px 0 0;
  text-align: center;
}
.app-upload-modal-content .Blue-button {
  margin-left: 20px;
}
#device-list-div {
  margin: 0 0 10px;
}
#device-list-div .device-list-box {
  display: inline;
}
.Step-four {
  margin: 54px auto;
  width: 455px;
  height: 100px;
}
.Step-four .Submit-image-div {
  width: 85px;
  height: 100%;
  float: left;
}
.Step-four .Submit-info-div1 {
  float: left;
  width: 368px;
  font-size: 16px;
  margin-top: 11px;
}
.Step-four .Submit-info-div1 span {
  font-size: 16px;
}
.Step-four .Submit-info-div2 {
  float: left;
  width: 368px;
  margin-top: 20px;
  color: #B3B3B3;
}
.Step-four .Submit-info-div2 a {
  color: #06A3D4;
  text-decoration: none;
}
.Step-four .Submit-info-div2 a:hover {
  text-decoration: underline;
}
.Popup-layer {
  position: absolute;
  width: 766px;
  margin-left: 50%;
  left: -383px;
  top: 80px;
  z-index: 900;
  border: 1px solid #AAAAAA;
  background-color: white;
  -webkit-box-shadow: 1px 1px 10px #AAAAAA;
  -moz-box-shadow: 1px 1px 10px #AAAAAA;
  box-shadow: 1px 1px 10px #AAAAAA;
}
.Popup-layer hr {
  border: 0px;
  height: 1px;
  background-color: #F4F4F4;
}
.Popup-layer .Box-close {
  float: right;
  cursor: pointer;
  margin-right: 20px;
  margin-top: 15px;
}
.Popup-layer .Box-title {
  height: 43px;
  line-height: 43px;
  text-indent: 20px;
  font-size: 14px;
}
.Popup-layer .packageTable {
  padding: 12px 20px 0 20px;
}
.Popup-layer table {
  width: 100%;
  border: 0px;
}
.Popup-layer table th {
  height: 32px;
  color: #B3B3B3;
  border-top: 1px solid #E6E6E6;
}
.Popup-layer table td {
  border-top: 1px solid #E6E6E6;
}
.Popup-layer table tr {
  height: 40px;
  color: #7A7A7A;
}
.Popup-layer table tr.hover:hover {
  background-color: #FFFFE3;
  color: black;
  cursor: pointer;
}
.Popup-layer .Button-div {
  margin: 10px 20px;
  text-align: right;
}
.Popup-layer .None-info {
  text-align: center;
  font-size: 16px;
}
.Popup-layer .None-info a {
  color: #06A3D4;
  font-size: 16px;
  text-decoration: none;
}
.uploadify {
  position: absolute;
  top: 0px;
  left: 311px;
}
.uploadifyButton {
  display: none;
}
.uploadify-queue {
  display: none;
}
#device-tab-box-wrapper {
  margin-top: 32px;
  margin-bottom: 32px;
}
#device-tab-box-wrapper .device-tab-block {
  padding: 1px 0 0;
  border: 1px solid #d4e7f2;
  border-style: none solid solid;
}
#device-tab-box-wrapper .device-tab-box {
  position: relative;
  float: left;
  width: 260px;
  cursor: pointer;
  margin-right: 30px;
  text-align: center;
}
#device-tab-box-wrapper .device-tab-box .device-tab-title {
  height: 46px;
  width: 100%;
  line-height: 46px;
  background-color: #ebf6fd;
  border: 1px solid #d4e7f2;
  font-size: 16px;
  overflow: hidden;
  color: #3EA8E9;
  font-weight: normal;
}
#device-tab-box-wrapper .device-tab-box .device-tab-detail {
  /*height:134px;*/
  height: 157px;
}
#device-tab-box-wrapper .device-tab-box .device-tab-detail p {
  padding: 16px 0 0px;
  font-size: 14px;
  margin: 10px;
  color: #999;
  line-height: 1.7em;
}
#device-tab-box-wrapper .device-tab-box .device-tab-tag {
  position: absolute;
  display: block;
  height: 24px;
  padding: 0 10px;
  overflow: hidden;
  line-height: 25px;
  right: -1px;
  bottom: 0;
  color: #3EA8E9;
  background-color: transparent;
}
#device-tab-box-wrapper .device-tab-box.active {
  border-color: #3EA8E9;
}
#device-tab-box-wrapper .device-tab-box.active .device-tab-title {
  /*background:url('@{imgPath}/sel-yes.png') #FF8B00 no-repeat 222px 16px;*/
  background-color: #3EA8E9;
  border: 1px solid #3EA8E9;
  color: #fff;
}
#device-tab-box-wrapper .device-tab-box.active .device-tab-detail p {
  color: #333;
}
#device-tab-box-wrapper .device-tab-box.active .device-tab-tag {
  color: #fff;
  background-color: #3EA8E9;
  padding-left: 34px;
}
#device-tab-box-wrapper .device-tab-box.active .device-tab-tag:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 24px solid #fff;
  border-right-color: #3EA8E9;
  left: -24px;
  top: 0;
}
#device-tab-box-wrapper.fold .device-tab-block {
  display: none;
  position: absolute;
}
#device-tab-box-wrapper.fold .tab-line {
  display: none;
  position: relative;
  top: -1px;
  height: 1px;
  background-color: #3EA8E9;
}
#device-tab-box-wrapper.sel-mode .device-tab-block {
  display: block;
}
#device-tab-box-wrapper.sel-mode .device-tab-box {
  z-index: 2;
}
#device-tab-box-wrapper.sel-mode .tab-line {
  display: block;
  position: absolute;
  left: 0;
  z-index: 1;
  right: 0;
  top: 108px;
  bottom: 0;
  overflow: hidden;
  height: auto;
  background-color: rgba(255, 255, 255, 0.9);
}
#device-tab-box-wrapper .tab-line {
  display: none;
}
#device-tab-box-wrapper .device-tab-block {
  width: 100%;
  background-color: #fff;
}
.sel-device-box,
.free-device-filter-tips {
  display: none;
}
.free-model .free-device-filter-tips {
  display: block;
}
.charge-model .sel-device-box {
  display: block;
}
.charge-model .chargeDeviceDiv {
  display: none;
}
.chargeDeviceDiv .fa-ban {
  color: #FA0000;
}
.chargeDeviceDiv .fa-check-square-o {
  color: #70b42e;
}
.chargeDeviceDiv .help-text {
  color: #999;
  margin-top: 5px;
}
.chargeDeviceDiv #chargeDeviceDiv > label {
  min-width: 250px;
}
.private-model #submit-button-div {
  margin-left: 0;
}
.private-model .sel-device-box {
  display: block;
}
.private-model .sel-device-box #selectDeviceForm {
  display: none;
}
.private-model .sel-device-box .SelectedDeviceDiv {
  float: none;
  width: auto;
}
.private-model.Main-content .SelectedDeviceDiv,
.private-model.Main-content .SelectedDeviceDiv .All-device-div {
  height: auto;
}
.private-model #DeviceToSubmitForm .Selected-div {
  display: none;
}
.private-model #DeviceToSubmitForm div {
  display: inline-block;
}
.private-model .SelectedDeviceDiv .All-device-div #DeviceToSubmitForm .Device-div span.ellipse {
  width: 172px;
}
.free-device-filter-tips .q span {
  display: inline-block;
  width: 18px;
  height: 17px;
  padding: 0 0 0 5px;
  margin-left: -15px;
}
.free-device-filter-tips .q span:after {
  content: '?';
  color: #3EA8E9;
}
.free-model .pri {
  display: none !important;
}
.free-model .selectInnerDiv .field:first-child {
  display: none;
}
.private-model #device-list-div {
  display: none;
}
.private-model #save-device-list {
  display: none;
}
.private-model #SelectedDeviceDiv {
  margin-top: 2em;
  margin-bottom: 2em;
}
.private-model .SelectedDeviceDiv {
  margin: 25px 0;
}
.private-model .mqc-pc-install-tips {
  color: #999;
  font-size: 14px;
  line-height: 2.8em;
  padding: 0 0 17px;
}
.private-model .mqc-pc-install-tips p {
  color: #333;
}
.private-model .refurbish-private-btn {
  display: inline-block;
}
.mqc-pc-install-tips {
  display: none;
}
.private-model.private-null .SelectedDeviceDiv {
  display: none;
}
.private-model.private-null .mqc-pc-install-tips {
  display: block;
}
.refurbish-private-btn {
  color: #06A3D4;
  cursor: pointer;
  display: none;
  clear: both;
  margin: 0 0 40px;
}
.refurbish-private-btn:hover {
  color: #48B1F1;
}
.refurbish-private-btn:active {
  color: #06A3D4;
}
.refurbish-private-btn i {
  display: inline-block;
  width: 21px;
  height: 21px;
  vertical-align: bottom;
  margin: 0 6px 0 0;
  background: url('/platform/mtl/images/refurbish.png') no-repeat 0 0;
}
.Step-three .Main-content.free-model .selectDiv {
  height: auto;
  width: 100%;
}
#summary-panel-wrapper {
  clear: both;
  height: 115px;
}
#summary-panel-wrapper .Submit-test {
  margin-left: 15px;
}
.Main-content.free-model .new-Button-div {
  margin-left: 0;
}
#modal .confirm-order-modal-content {
  *zoom: 1;
}
#modal .confirm-order-modal-content:before,
#modal .confirm-order-modal-content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#modal .confirm-order-modal-content:after {
  clear: both;
}
#modal .confirm-order-modal-content .consume-items {
  text-align: right;
  padding: 0 0 20px;
}
#modal .confirm-order-modal-content .consume-items span {
  font-size: 18px;
}
#modal .confirm-order-modal-content .consume-items .type-model {
  float: left;
  color: #FA7000;
  font-weight: bold;
}
#modal .confirm-order-modal-content .consume-items .num em {
  margin: 0 5px;
  color: #FA7000;
}
#modal .confirm-order-modal-content .rmb:before {
  content: '￥';
  color: #aaa;
}
#modal .confirm-order-modal-content .account-info table {
  color: #777;
  width: 100%;
}
#modal .confirm-order-modal-content .account-info table .account-info-volume,
#modal .confirm-order-modal-content .account-info table .account-info-volume span {
  font-size: 16px;
}
#modal .confirm-order-modal-content .account-info table .account-info-volume th,
#modal .confirm-order-modal-content .account-info table .account-info-volume span th {
  text-align: left;
}
#modal .confirm-order-modal-content .account-info table th {
  text-align: right;
}
#modal .confirm-order-modal-content .account-info table td {
  width: 160px;
  padding: 0 0 0 10px;
  text-align: right;
  color: #777;
}
#modal .confirm-order-modal-content .account-info table tr:last-child th,
#modal .confirm-order-modal-content .account-info table tr:last-child td {
  padding-bottom: 20px;
}
#modal .confirm-order-modal-content .total,
#modal .confirm-order-modal-content .total span {
  font-size: 18px;
  color: #333;
}
#modal .confirm-order-modal-content .total .sale,
#modal .confirm-order-modal-content .total .sale span {
  font-size: 16px;
  color: #FA7000;
}
#modal .confirm-order-modal-content .total td span {
  color: #FA7000;
}
#modal .confirm-order-modal-content .total tr:first-child th,
#modal .confirm-order-modal-content .total tr:first-child td {
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}
#modal .confirm-order-modal-content .btn-list {
  *zoom: 1;
  padding: 10px 0 0;
}
#modal .confirm-order-modal-content .btn-list:before,
#modal .confirm-order-modal-content .btn-list:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#modal .confirm-order-modal-content .btn-list:after {
  clear: both;
}
#modal .confirm-order-modal-content .btn-list .Cancel-button {
  margin-right: 20px;
}
#modal #balance-insufficient {
  text-align: right;
}
/*
.random-free-content {
	margin : 10px 0;
	.new-Button-div {
		margin-top : 10px;
	}
}
.service-info-table {
	text-align : left;
	tr {
		th {
			font-size : 16px;
			color : #ccc;
			width : 130px;
		}
		td {
			font-size : 20px;

		}
		td#price {
			color : #F27937;
		}
	}
}

#summary-panel-wrapper {
	height : 80px;
	#summary-panel {
		width : 1200px;
		padding : 10px 0;
		background-color : white;
		.new-Button-div {
			float : none;
			margin-top : 14px;
		}
		.service-info-table {
			float : left;
		}
		#balance-insufficient {
			color : #F27937;
			display: inline-block;
			margin-left : 10px;
		}
	}
}


*/
div.widget-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 100;
  width: 100%;
  max-width: 500px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000000;
  border: 1px solid #BBBBBB;
  outline: 0;
  background-color: #F7F7F7;
  border-radius: 2px;
  /* Customize this for better accessibility */
  /*&:focus {
		outline: none;
	}

	select {
		display: none;
	}

	span {
		display: block;
		position: relative;
		cursor: pointer;
		padding: 0 8px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	& > span {
		padding-right: 34px;
	}*/
}
/* Customize this for better accessibility */
div.widget-select:focus {
  outline: none;
}
.widget-select select {
  display: none;
}
.widget-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #444444;
}
/* Placeholder and selected option */
.widget-select > span {
  padding-right: 34px;
}
.widget-select > span::after {
  content: ' ';
  display: block;
  background: url('/platform/mtl/images/icon_selector.png') no-repeat;
  width: 26px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
}
div.widget-active {
  z-index: 150;
}
/* Options */
.widget-select .widget-options {
  position: absolute;
  background: #FFFFFF;
  visibility: hidden;
  min-width: 100%;
  margin: 3px 0 0 -1px;
  border: 1px solid #DDDDDD;
  box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.025);
}
.widget-select.widget-active .widget-options {
  visibility: visible;
}
.widget-select ul {
  list-style: none;
  padding: 0;
  max-height: 400px;
  overflow: auto;
  min-width: 100%;
  margin: 0;
}
.widget-select ul span {
  padding: 0 20px 0 8px;
}
.widget-select ul li {
  line-height: 32px;
  height: 32px;
}
/*
.widget-select ul li:nth-child(even) {
	background-color: @bgGray;
}
*/
.widget-select ul li:hover {
  color: white;
  background-color: #48B1F1;
}
.widget-select ul li:hover span {
  color: #FFFFFF;
}
.widget-select ul li.widget-focus span {
  background-color: #DDDDDD;
}
/* Optgroup and optgroup label */
.widget-select li.widget-optgroup > span {
  cursor: default;
}
.widget-select.xlarge {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  width: 200px;
}
.widget-select.large {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  width: 160px;
}
.widget-select.middle {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  width: 160px;
}
.widget-select.small {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  width: 120px;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.loading span,
.loading label {
  vertical-align: middle;
  margin-left: 4px;
}
.loading:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 8px;
  width: 16px;
  height: 16px;
  background: url('/platform/mtl/images/loading_16_3.gif') 0 0 no-repeat;
  vertical-align: bottom;
}
/*******************************
 * select
 *******************************/
select {
  padding: 0 8px;
  color: #000000;
  border: 1px solid #DDDDDD;
  outline: 0;
  background-color: #F7F7F7;
  background: linear-gradient(#EEEEEE, #EEEEEE) no-repeat;
  background-size: 1px 100%;
  background-position: right 18px center;
  /*-webkit-appearance: none;
	appearance: none;*/
}
select.xlarge {
  height: 40px;
  font-size: 12px;
}
select.large {
  height: 32px;
  font-size: 12px;
}
select.middle {
  height: 24px;
  font-size: 12px;
}
select.small {
  height: 20px;
  font-size: 12px;
}
/*******************************
 * table
 *******************************/
.management {
  min-width: 900px;
}
table.mts-table {
  position: relative;
  z-index: 3;
}
table.mts-table tr {
  height: 40px;
  /*font-family: "Microsoft YaHei";*/
  font-size: 13px;
  color: #333;
  /* tooltip */
}
table.mts-table tr.header {
  background-color: #f6f6f6;
}
table.mts-table tr .version .ellipsis {
  max-width: 58px;
}
table.mts-table tr:hover td .app-name-edit:before,
table.mts-table tr:hover td .app-description-edit:before {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  background: url('/platform/mtl/images/icon_16_setting_nor.png') no-repeat 0 0;
  right: -16px;
  top: 0;
}
table.mts-table tr th {
  height: 32px;
  /*font-family: "Microsoft YaHei";*/
  font-size: 13px;
  color: #999;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
table.mts-table tr th span {
  white-space: nowrap;
}
table.mts-table tr th.firstColumn {
  padding-left: 8px;
}
table.mts-table tr td {
  border-bottom: 1px solid #ddd;
  position: relative;
  padding-right: 5px;
  /** set max-width to enable ellipsis **/
  max-width: 0;
}
table.mts-table tr td .app-name-edit,
table.mts-table tr td .app-description-edit {
  display: inline-block;
  position: relative;
}
table.mts-table tr td:last-child {
  padding-right: 0;
}
table.mts-table tr td:last-child a {
  text-decoration: none;
}
table.mts-table tr td:last-child a:hover {
  text-decoration: underline;
}
table.mts-table tr td a {
  text-decoration: none;
}
table.mts-table tr td.testName a {
  color: #333;
}
table.mts-table tr td span.vertical-line {
  border-left: 1px solid #DDDDDD;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
}
table.mts-table tr td div span.ellipsis {
  max-width: 150px;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}
table.mts-table tr td div span.short-ellipsis {
  max-width: 100px;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}
table.mts-table tr td.firstColumn {
  padding-left: 5px;
}
table.mts-table tr:not(.hover) + tr.hover td {
  border-top: none;
}
table.mts-table tr.hover:hover {
  background-color: #f6f6f6;
}
table.mts-table tr.hover:hover div span.ellipsis {
  color: #333333;
}
table.mts-table tr.hover:hover td {
  color: #333333;
}
.run-status span {
  padding: 0px 0px 0px 0px;
  margin-left: 0px;
  horiz-align: center;
}
.run-status span.noExe {
  color: #FF801A;
}
.run-status span.exeFail {
  color: #EF0505;
}
.run-status span.exePass {
  color: #63a126;
}
.test-status span {
  padding: 3px 3px 0px 0;
  margin-left: 1px;
}
.test-status span:before {
  display: inline-block;
  position: relative;
  margin: 0 4px 0 0;
  top: 2px;
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #ddd;
}
.test-status span.succeed {
  width: 16px;
  height: 16px;
  color: #38b5dd;
}
.test-status span.succeed:before {
  background-color: #38b5dd;
}
.test-status span.running {
  /*background: url('@{imgPath}/img_status_02_16.png') left bottom no-repeat;*/
  width: 16px;
  height: 16px;
  color: #FF801A;
}
.test-status span.running:before {
  background-color: #FF801A;
}
.test-status span.waiting {
  width: 16px;
  height: 16px;
  color: #FF801A;
}
.test-status span.waiting:before {
  background-color: #FF801A;
}
.test-status span.cancel {
  width: 16px;
  height: 16px;
  color: #999;
}
.test-status span.cancel:before {
  background-color: #bbb;
}
.test-status span.todo {
  width: 16px;
  height: 16px;
  color: #FF801A;
}
.test-status span.todo:before {
  background-color: #FF801A;
}
.test-status span.verify_failed {
  width: 16px;
  height: 16px;
  color: #EF0505;
}
.test-status span.verify_failed:before {
  background-color: #EF0505;
}
.security-status span.high {
  color: #ED1C24;
}
.security-status span.mid {
  color: #FF7F27;
}
.security-status span.low {
  color: #FF801A;
}
.security-status span.safe {
  color: #63a126;
}
/*******************************
 * modal
 * use id to make it unique
 *******************************/
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(100, 100, 100, 0.1);
  /*background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);*/
  z-index: 10000;
}
#modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  /*padding: 5px;*/
  border: 1px solid #BBBBBB;
  box-shadow: 0 0 2px 5px rgba(0, 0, 0, 0.025);
  z-index: 10001;
  line-height: 32px;
  font-size: 13px;
  color: #7A7A7A;
  display: flex;
  flex-direction: column;
}
#modal hr {
  height: 1px;
  background-color: #F4F4F4;
  border: 0;
}
#modal-title {
  height: 43px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  line-height: 43px;
  text-indent: 18px;
  background: #FFFFFF;
  border-radius: 2px 2px 0 0;
}
#modal-close {
  position: absolute;
  top: 14px;
  right: 20px;
  cursor: pointer;
}
/*
#modal-hr {
	height: 1px;
	background-color: #F4F4F4;
	border: 0;
}
*/
#modal-content {
  background: #FFFFFF;
  /* padding: 20px 20px 40px; */
  border-radius: 0 0 2px 2px;
  flex-grow: 1;
}
.chat-panel textarea {
  box-sizing: border-box;
  width: 100%;
  height: 110px;
  padding: 10px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
}
.chat-panel .link {
  line-height: 1em;
  float: right;
  margin-top: 10px;
}
.chat-panel .link .item {
  margin: 0 0 0 15px;
}
/*******************************
 * error / warning
 *******************************/
.warning-wrapper {
  text-align: center;
}
.warning-wrapper span,
.warning-wrapper label {
  font-size: 16px;
}
.warning-wrapper span a,
.warning-wrapper label a {
  font-size: 16px;
  color: #06A3D4;
  text-decoration: none;
}
.warning-description {
  background: url('/platform/mtl/images/icon_warning_64.png') no-repeat;
  height: 64px;
  padding-left: 80px;
  width: 250px;
  line-height: 64px;
  text-align: left;
}
.warning-description span {
  line-height: 24px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.warning-description-small {
  background: url('/platform/mtl/images/icon_warning_32.png') no-repeat;
  height: 32px;
  padding-left: 40px;
  width: 360px;
  line-height: 32px;
  text-align: left;
}
.warning-description-small span {
  line-height: 24px;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.ok-description {
  background: url('/platform/mtl/images/icon_yes_64.png') no-repeat;
  height: 64px;
  padding-left: 80px;
  width: 250px;
  line-height: 64px;
  text-align: left;
}
.ok-description span {
  line-height: 24px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.ok-description-small {
  background: url('/platform/mtl/images/icon_yes_32.jpg') no-repeat;
  height: 32px;
  padding-left: 40px;
  width: 360px;
  line-height: 32px;
  text-align: left;
}
.ok-description-small span {
  line-height: 24px;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
/*******************************
 * pre script
 *******************************/
.preScript {
  background: #FF6601;
  color: white;
  font-size: 12px;
  padding: 2px;
  border-radius: 2px;
  margin-left: 5px;
  position: relative;
}
.icon-span {
  padding: 1px 0 0 19px;
  background: url('/platform/mtl/images/tLogo.png') -50px -50px no-repeat;
}
.icon-COMPATIBILITY,
.icon-STABILITY,
.icon-AUTOMATION,
.icon-PERFORMANCE,
.icon-REPLAY,
.icon-SECURITY,
.icon-YUNOS_THIRDPARTY {
  padding: 1px 0 0 19px;
  background: url('/platform/mtl/images/tLogo.png') -50px -50px no-repeat;
  padding: 1px 0 0 23px;
  background-position: 0 -154px;
}
.icon-H5 {
  padding: 1px 0 0 19px;
  background: url('/platform/mtl/images/tLogo.png') -50px -50px no-repeat;
  background-position: 0 -212px;
}
.icon-YUNOS_THIRDPARTY {
  padding: 1px 0 0 19px;
  background: url('/platform/mtl/images/tLogo.png') -50px -50px no-repeat;
  background-position: 0 -392px;
}
.icon-IOSMONKEY,
.icon-IOSFUNCPUB,
.icon-IOSFUNC {
  padding: 1px 0 0 19px;
  background: url('/platform/mtl/images/tLogo.png') -50px -50px no-repeat;
  background-position: 0 -50px;
}
.icon-CROWDTEST {
  padding: 1px 0 0 19px;
  background: url('/platform/mtl/images/tLogo.png') -50px -50px no-repeat;
  background-position: 0 -332px;
}
.sel2-icon.icon-COMPATIBILITY,
.sel2-icon.icon-STABILITY,
.sel2-icon.icon-AUTOMATION,
.sel2-icon.icon-PERFORMANCE,
.sel2-icon.icon-REPLAY,
.sel2-icon.icon-SECURITY {
  background-position: 10px -146px;
}
.sel2-icon.icon-COMPATIBILITY:hover,
.sel2-icon.icon-STABILITY:hover,
.sel2-icon.icon-AUTOMATION:hover,
.sel2-icon.icon-PERFORMANCE:hover,
.sel2-icon.icon-REPLAY:hover,
.sel2-icon.icon-SECURITY:hover {
  background-position: 10px -90px;
}
.sel2-icon.icon-H5 {
  padding: 0 0 0 24px;
  background-position: 10px -204px;
}
.sel2-icon.icon-YunOS {
  padding: 1px 0 0 19px;
  background: url('/platform/mtl/images/tLogo.png') -50px -50px no-repeat;
  padding: 0 0 0 24px;
  background-position: 10px -385px;
}
.sel2-icon.icon-IOSMONKEY,
.sel2-icon.icon-IOSFUNCPUB,
.sel2-icon.icon-IOSFUNC {
  padding: 0 0 0 24px;
  background-position: 10px -42px;
}
.sel2-icon.icon-IOSMONKEY:hover,
.sel2-icon.icon-IOSFUNCPUB:hover,
.sel2-icon.icon-IOSFUNC:hover {
  background-position: 10px 8px;
}
.sel2-icon.icon-CROWDTEST {
  padding: 0 0 0 24px;
  background-position: 10px -327px;
}
.sel2-icon.icon-CROWDTEST:hover {
  background-position: 10px -264px;
}
.money {
  background: url('/platform/mtl/images/money_24px.png') no-repeat right center;
  padding-right: 18px;
  padding-top: 5px;
}
.freecharge {
  background: url('/platform/mtl/images/free_16px.png') no-repeat right center;
  padding-right: 18px;
  padding-top: 5px;
}
/**
 * share content styles
 */
.modal-share-left-hint {
  float: left;
  color: #3EA8E9;
  padding-right: 10px;
}
.modal-share-content {
  float: left;
  margin-bottom: 20px;
}
.modal-share-content .share-wangwangsInput {
  width: 500px;
}
.modal-share-content #share-url-result-url {
  width: 403px;
}
.list-card {
  display: inline-block;
  position: relative;
  line-height: 28px;
  padding: 0 22px;
  border-radius: 2px;
  background-color: #F7F7F7;
  border: 1px solid #ddd;
  cursor: pointer;
  margin: 0 4px;
}
.list-card:hover {
  background-color: #eee;
}
.list-card:hover .Img-Close {
  display: block;
}
.list-card.active {
  /*background-color: #2E98DA;
    color: #fff;
    border-color: #2E98DA;*/
}
.list-card .Img-Close {
  display: none;
  position: absolute;
  right: 4px;
  top: 2px;
  width: 6px;
  height: 6px;
}
.newContent {
  padding-bottom: 50px;
}
.help-tips {
  margin-top: 10px;
}
.help-tips a {
  vertical-align: top;
  font-style: normal;
  font-size: 12px;
  color: #aaa;
  line-height: 14px;
  text-decoration: none;
}
.user-list-box textarea {
  padding: 4px 6px;
  font-size: 14px;
}
.userPoolDiv {
  padding: 32px 0 20px;
}
.checkboxC {
  margin: 0 0 0 4px;
}
.Step-three-Stability {
  font-size: 13px;
}
.Step-three-Stability .Main-content {
  margin-top: 20px;
}
.Step-three-Stability .Main-content .selectDiv {
  margin-left: 20px;
}
.Step-three-Stability .Main-content .EmulatorDiv {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
}
.userListCollide .collideUser span {
  color: #f66;
}
.userListCollide .warning-font-color {
  color: #f66;
}
.more-function {
  color: #29ABE5;
  cursor: pointer;
}
.more-function * {
  color: #29ABE5;
}
.more-function .Arrow {
  margin: 0 0 3px 10px;
  display: inline-block;
}
.small-ajax-loading {
  background: url('/platform/mtl/images/loading_16.gif') no-repeat 0 0;
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
  top: 3px;
}
.jenkins {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 100px;
  top: 300px;
  border-radius: 50%;
  background-color: #168bb9;
  border: 5px solid #6ec7ea;
  background-image: url('/platform/mtl/images/jenkins.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  z-index: 100;
  animation: 1s ease-in 0ms infinite alternate shake, 1s ease-in 0ms infinite alternate glow;
  transition: all 100ms 0ms ease-out;
}
.jenkins:hover {
  right: 90px;
  width: 70px;
  height: 70px;
  top: 290px;
}
@keyframes shake {
  0% {
    transform: rotate(5deg) translateX(1px);
  }
  5% {
    transform: rotate(-4deg) translateX(-1px);
  }
  10% {
    transform: rotate(4deg) translateX(1px);
  }
  15% {
    transform: rotate(-3deg) translateX(-1px);
  }
  20% {
    transform: rotate(3deg) translateX(1px);
  }
  25% {
    transform: rotate(0deg) translateX(0px);
  }
  100% {
    transform: rotate(0deg) translateX(0px);
  }
}
@keyframes glow {
  from {
    box-shadow: 0 0 20px 5px #9bd8f0;
  }
  to {
    box-shadow: none;
  }
}
.continuous-integration-modal {
  font-size: 14px;
  padding: 20px 40px;
}
.continuous-integration-modal ul {
  padding-left: 30px;
}
.continuous-integration-modal ul li {
  list-style: disc;
}
